Best Practices And Tools For Optimizing Images

By Posted 2009 Updated   BloggingGuest PostsTutorials

What are best tools and practices for optimizing images? With massive demand for the consumption of content with the emergence of blogging, more and more web masters are paying attention to generating traffic from secondary sources of content such as videos and images.

We are all aware of the importance of incorporating images into blog posts for better readership and engagement, that being said, today I will be looking at some of the best practices for optimizing your images for faster performance and better search engine rankings.

To better categorize this article, I will be looking at two major sections of image optimization:

  • Optimizing images for faster performance
  • Optimizing images for better search engine rankings

Optimizing images for faster performance

There are certain things you can do to optimize your images and make sure they load faster. The following are a set of tools and practices you should consider using to enhance your images for faster performance:

1. Don’t scale images in HTML – Don’t use a bigger image than you need just because you can set the width and height in HTML. If you need <img width=”100″ height=”100″ src=”yellow-balloon.jpg” alt=”Yellow Balloon” /> then your image (yellow-balloon.jpg) should be 100x100px rather than a scaled down 400x400px image.

2. Use PNG instead of GIF – Convert any GIF image you may be using to PNG format and there should be a saving in the size amount, resulting in faster load times. Most of the times this practice is hesitated by web developers due to the limited support in older browsers, but old browsers are old now.

The only problem could be variable transparency, which is supported by neither formats. So basically whatever a GIF can do, a palette PNG (PNG8) can do too (except for animation). You can use a free web based image converter to convert your GIFs to PNGs like at coolutils.com/Online/Image-Converter/

3. Use small favicons – If you are not familiar with favicons, they are small 16×16 pixel images that represent your site (it can be found beside your site’s URL in the address bar and bookmarks) and they are located in your site’s root directory as favicon.ico files.

Favicons are extremely important because they are requested before any other components of your website by the browser. So guess what happens when you have a big sized favicon or even worse, no favicon? the browser is 404’d. You don’t want to 404 a browser or make it struggle loading your favicon, so it is preferred to have your favicon reduced to a size under 1K. You can use this free web based Favicon Generator (favicon.cc) to make yourself a nice favicon

Optimizing images for better search engine rankings

With most of the talent driving competition to keyword industry, it is not surprising that ranking for desirable keywords is a difficult task these days. However you can still rank high enough for very competitive keywords in a slightly different but very lucrative environment – Google Image Search.

There are a lot of great articles about better image optimization for search engines by other authors, however I will show you some great tools to take full advantage of your precious images. Here we go:

1. Use batch file re-namers – You know it is advised to have the keywords you are targeting as your image names. For example, “widescreen-wallpaper.jpg” is better than “image.jpg” if you are targeting the keyword “widescreen wallpaper”. But what if you have 100 images? you don’t want to waste time renaming each image file separately. So do yourself a favor and find a batch file renaming program that will do the job automatically. Windows users can do this with Windows Explorer (here is how) and Mac users can use Name Mangler (manytricks.com/namemangler) to batch rename files.

2. SEO Friendly Images WP Plugin – As the name suggests, this plugin will automatically update all of your images with proper Alt and Title attributes. If your images do not have ALT and TITLE already set, SEO Friendly Images will add them according the options you set. Download plugin.

3. Media Library Gallery WP Plugin – This plugin will automatically create a gallery for every image you have stored in your media library. With this plugin you will create a browsable gallery for your users and more indexable content to search engines. Say hello to Google Image Search traffic! Download plugin.

4. Smush.it WP Plugin – Smush.it uses optimization techniques specific to image format to remove unnecessary bytes from image files. It is a completely safe procedure, meaning it optimizes images without changing their look or visual quality. This practice is also confirmed by Yahoo Extreme Web Performance team. Download plugin.

Conclusion

Images are often under rated by many web masters in terms of not being significant traffic generators, however, I personally have been taking full advantage of images I use in my site by taking some time optimizing them for better performance. That is why Image Search is my primary referral traffic generator. Since there is no intense competition for image rankings, you can easily rank well for highly desired keywords.

Some might say “Google Image Search, who cares?

But, once you understand just how potent Google image search really is, then I guarantee that you will be first in line to take advantage of the associated benefits. If you have any additional tips or tools, please share them in the comments below. I will love to hear your thoughts.

Guest blogger Akmal Wardak writes on AkmalWardak.com – A blog about social media, software reviews, how-to tutorials and WordPress tips. You can also write a guest article and share your tips and tricks

This is a guest article and represents opinions of the guest author

17 comments on “Best Practices And Tools For Optimizing Images

  1. edwin joseph says:

    Images takes very important role in traffic generation. In fact, it adds to a websites personality if there are images posted. But ofcourse there are pro’s and con’s, do’s and dont’s.. Thanks for this mind opening post regarding images :-)

  2. Liane YoungBlogger says:

    I didn’t know about plug-ins to optimize images, guess I do now. Thanks!

  3. Lai mayar says:

    images say alot about the message in a website (and you don’t have to even read them). Thanks for your tips, very helpful

    • Heidi Passey says:

      I never thought about Google Image Search. I always try to add images to make my posts more pleasing to the eye. I’m definitely going to try out these plug ins. Thanks for the tips.

  4. Priyanka D says:

    good tips. Will try to get that favicon

  5. venkat says:

    Any special tips for blogger blogs in optimizing images as there are no widgets available like for WordPress blogs.

    • Akmal Wardak says:

      you can still follow the options that are not related to WordPress plugins, like not scaling images in HTML and a few other ones.
      BTW, this should be a good reason for you to switch to WordPress ;)

  6. Udegbunam Chukwudi says:

    Beware of WP Smush it if you blog with windows live writer. It triggers an error.

  7. gregluque1 says:

    agree, enhanced images done creatively in layout can produce better traffic. Good point.

  8. DF Design Studios says:

    You can take it to another level and store that image in a separate directory named by the keywords….e.g. /widescreen-wallpaper/widescreen-wallpaper.jpg , its extra work…but works..

  9. Man says:

    You’re right guys. Images are an important part of many web sites, and can potentially bring in a lot of search engine traffic.

  10. Sam Daniel says:

    Giving ALT tags to the images is very important to get some search engine traffic from Google Images.

  11. seo says:

    What about using bigger than we need and we set up preview 150 X 150 and our visitor can click for bigger.
    Is this way better than smaller picture ?

  12. brokerage says:

    One of the easiest ways to reduce page response times is by optimizing your website images to reduce their file sizes as much as possible. There are several free tools available at your disposal to shrink and optimize images. And it seems that “Smush it” is the most popular one.

  13. Hamza Ahmad says:

    These tips are awesome and the smush.it plugin is also a good one. Currently, I am using a cdn for images which works out to be good. A problem that I have faced is that at first I started receiving a lot of traffic from Google Images but later everything vanished. I don’t know why but I am still trying to figure out.

    Anyway the traffic for images is not too much important for me because they don’t send the visitor directly to my page but still it adds to traffic. Your tips are great especially the wordpress plugins.

Leave a Reply

Your email address will not be published. Required fields are marked *




css.php