How to Optimize Images for Blog and Websites

• Tweet

• Tweet

Image optimization is very important for any blog or website. Optimized images results in faster websites as well as meaningful representations.Images are normally a major component of any site.Optimization of images is not only the size of images but also the proper use of tags.

Optimize the image size.

One most common mistake normally blog authors make is the resizing of images in your website design program.This actually doesn’t make any difference in size.This is actually changing the width and height attributes of your already uploaded image.
So Use an image editing program to re-size or crop the images. There are plenty of such tools available. The perfect example is Adobe photoshop.
Another good tool is Yahoo Smush.it™.
Read: Top Tools to Optimize Images and Speed Up Your Site

Use brief, but descriptive file names and alt text

The image file names and alt text are best when they’re short, but descriptive and avoid writing extremely lengthy file names.
The “alt” attribute allows you to specify alternative text for the image if it cannot be displayed for some reason.
For example

[sourcecode language="css"]
<img title="windows explorer thumbnail size change registry" src="http://www.globinch.com/***/windows-explorer-thumbnail.jpg" alt="windows explorer thumbnail size change registry" />
[/sourcecode]

The “alt” attribute is really useful when a user is viewing your site on a browser that doesn’t support images, or is using alternative technologies, such as a screen reader, the contents of the alt attribute provide information about the picture.

Store images in a directory of their own

Consolidating your images into a single directory instead of having image files spread out in numerous directories and sub directories across your domain is a good practice.

Use best supported file types

Almost all browsers supports JPEG, GIF, PNG, and BMP image formats.JPEG,GIF and PNG formats are widely used because of its good compression features.

Use Free Online Image Optimizer

There are very good Image optimizer services available online. Few of them are listed below
Read: Top Tools to Optimize Images and Speed Up Your Site