Twitter
Email
RSSSpeed Up Your Site: Optimize Images
It is widely known that the loading time of websites has a major influence on the overall user experience. If on the age of 56K Modems people would be willing to wait even half a minute for a website to load this time span has been drastically reduced lately. The are market researches, in fact, confirming that users will just skip a site altogether if it fails to load within 4 seconds.
The first part of the “Speed Up Your Site” series will cover how to optimize images. Images can create an extra load on the size of your pages, specially if you forget to optimize them. Photoshop and similar image editing software include a feature called “Save for the web”. Always use this feature since it will reduce the image size and load time substantially.
If you do not use an image editing software or if you want something more practical you can use this online image optimizer from Dynamic Drive. It will automatically optimize gif, png and jpeg images, and it will also convert file formats if needed.
Speed Up Your Site Series:
- Optimize Images
- Image Formats
- Optimze Your CSS
- Use a Slash on Your Links
- Use the Height and Width Tags
- Reduce the HTTP Requests
Got Your Free eBook?
- Subscribe to the Daily Blog Tips newsletter and you will be able to download the "Make Money Blogging" eBook for free.
- You will also receive tips to improve your blog, strategies to make money and useful resources from around the web.
Related Articles
36 Responses to “Speed Up Your Site: Optimize Images”
Got something to say?
Sponsors
Recent Articles
- Bloggers These Days…
- What Is Smart Pricing on Google AdWords?
- Find Brandable Domain Names with Wordoid.com
- Blogging Lessons From TechCrunch and Mashable
- 22 Ways To Find Advertisers For Your Website
- The Marketplace for Websites is Heating Up
- How To Increase Your Blog Traffic With Article Marketing
- Got Blogging Related Questions? Ask Away!
- Business Idea: Copyright Protection For Web Publishers
- Blogging Dynamite: The Power of Connections
- Ever Considered Launching a Membership Site?
- 5 Tips To Get The Most Out of Your 99Designs.com Contest
- Do I Need to Register A Business To Make Money With My Website?
- Because 10,000 People Can’t Be Wrong
- Download Google’s SEO Report Card
Nice tip Daniel , generally i prefer thumbnails on my site with a link to actual image . But whenever i use a larger image i use photoshop for optimization .
For non blog sites, slicing larger graphics up in Photoshop can also help load times for sites.
I was going to write about this today
Coding Horror has been running a series on the same subject this week.
http://www.codinghorror.com/bl.....00807.html
My blog needs around 10 seconds to load the whole page , hope that after using this it can be load faster !
Great tip. Thanks.
Good tip Daniel. Many times bloggers find that people are not visiting their sites regularly because of the long wait for the images to download. Sometimes many people simply opt for an image-free interface. That is good too. However, if one has smaller sized images [space usage, not dimensions] that blend well into a site, there is no reason not to have too many images around the site that do not confuse people.
Here is a site to help check the loading size of a page to figure out whether or not you need to optimize your images:
http://www.websiteoptimization.....s/analyze/
Good luck!
Thanks for the tip about the online image optimizer. I don’t have Photoshop, although it sounds more and more like I should. In the meantime, the online image optimizer will be very helpful. Thanks again.
Oh yeah I forgot to mention the article I did about loading time of pages, I will add it to the post now.
Nice Tips
THanks
Great tips of Optimize Images,
The Best method to decrease file size for a WEB image is to decrease the quality. This does NOT mean the image will not look good on a computer monitor. Digitized images are normally at a much higher quality (resolution / dots per inch) than a monitor can display. This step alone will normally reduce the file size to 1/5 of the original. Physical size will not change (Avoid resize until final step)
I hope, it will help to all webmasters.
Thanks
Make your image smaller