Best Practices And Tools For Optimizing Images

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
Share with friends

17
Leave a Reply

avatar
13 Comment threads
4 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
15 Comment authors
Hamza AhmadbrokerageseoSam DanielMan Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
edwin joseph
edwin joseph

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 :-)

Akmal Wardak
Akmal Wardak

you are welcome, edwin.

Liane YoungBlogger
Liane YoungBlogger

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

Akmal Wardak
Akmal Wardak

that’s good to hear :)

Lai mayar
Lai mayar

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
Heidi Passey

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.

Priyanka D
Priyanka D

good tips. Will try to get that favicon

venkat
venkat

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

Akmal Wardak
Akmal Wardak

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 ;)

Udegbunam Chukwudi
Udegbunam Chukwudi

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

gregluque1
gregluque1

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

DF Design Studios
DF Design Studios

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..

Man
Man

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

Sam Daniel
Sam Daniel

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

seo
seo

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 ?

brokerage
brokerage

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.

Hamza Ahmad
Hamza Ahmad

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.