12 Really Useful Image Optimization Tools For Web Designers

Sep 17th, 09 by Dicky | 28 Comments |
Delicious 148 hits
You maybe interested in our latest article 75 Beautiful Valentine Wallpapers.

Images are very important because they will make your web pages look nicer and more attractive. But, high quality and beautiful images always huge in file size. They make your pages load slower and consume more bandwidth. So we, the designers should optimize the images so that they are tiny in file size, but good in quality.

There are a lot of useful image optimization tools which can help us to optimize and reduce the file size of the images. These applications are available as both web-based and desktop-based applications.

Web based Image Optimization Tools

1. Smush.it

Smush.it is a popular image optimization tool that able to reduce the image file size but retain the quality, which is what we called “lossless” image optimization! You can run Smush.it through the web site (5 images at the same time) or through Firefox’s YSlow extension.
Smush.it

2. Dynamic Drive Online Image Optimizer

The Online Image Optimizer lets you optimize different image file formats such as GIF, JPG and PNG. You can either upload the image from your local machine or paste the URL of an image. This tool able to optimize and convert your image to different file format. The limitations of the Online Image Optimizer are 200KB per file, and only single file allowed per conversion.
Dynamic Drive Online Image Optimizer

3. PunyPNG

PunyPNG uses several optimization techniques. It will first check your images and then determine which technique is the best for that particular image. PunyPNG supports most of the popular image file formats and will automatically determine the converted image format for you.
PunyPNG

4. SiteReportCard Image Optimization Tool

SiteReportCard Image Optimization Tool support GIF, JPG and PNG formats. You can either paste the image’s URL or upload it from your computer, and the tool will compress and optimize the image into various size and quality.
SiteReportCard Image Optimization Tool

Desktop Image Optimization Tools

1. Shrink O’Matic

Shrink O’Matic is an AIR based application which is able to rize image on the fly by drag and drop images onto it. You can choose options like the output formats, output name or the output sizes.
Shrink O'Matic

2. OptiPNG

OptiPNG is an advanced PNG Optimizer, which will convert various file formats into optimized PNG. Windows users can integrate OptiPNG into the shell through the OptiPNG Windows Shell Integration project, or use OptiPNG as Paint.NET Plugin. While Mac OS X users can enjoy OptiPNG through the PNGCrusher application.
OptiPNG

3. ImageOptim

ImageOptim is a front end tool for a set of image optimization tools. ImageOptim uses AdvPNG from AdvanceCOMP, OptiPNG, PngCrush, JpegOptim, jpegtran from libjpeg, Gifsicle and optionally PNGOUT.
ImageOptim

4. PNGOUT

PNGOUT is a command line application which has a lot of different options. It supports PNG, GIF, BMP, JPG, TGA and PCX formats.
PNGOUT

5. PNGGauntlet

PNGGauntlet is a .NET application that use the PNGOUT to optimize PNG files. It is able to convert JPG, GIF, TGA, PCX and BMP files to PNG. If you are not familiar with Windows Command line, you can try PNGGauntlet.
PNGGauntlet

6. JPG & PNG Stripper

This application able to remove unnecessary metadata from the image files. It supports JPG, JFIF and PNG file formats.
JPG and PNG Stripper

7. TweakPNG

TweakPNG is a low level tool for optimizing PNG files. So, you need to familiar with PNG file format in order to use this tool. You can read more about PNG through this site.
TweakPNG

8. RIOT – Radical Image Optimization Tool

RIOT able to read and optimize different image formats by reading the magic number. So, it is able to optimize images with uncommon extensions, which makes it unique compare with other image optimization tools. RIOT will display the original and output images side-by-side, so that you can compare the quality of them easily.
RIOT - Radical Image Optimization Tool

We regularly update articles about resources, tutorials and Wordpress to help designers and developers. If you are new to WebDesignBooth, why not subscribe to our RSS feed and get the latest updates immediately. You can also subscribe through email or follow us on Twitter.

Comments

  1. Great resources to use when you don’t feel like messing with Photoshop. thanks!

  2. Nice post! Really Love it! thank you very much!

  3. Check out ultimate guide How to Optimize Images for Web with all tools and techniques for PNG, JPEG and GIF optimization in one place. Free Photoshop action for download is included.

  4. Johnson Koh says:

    This is very cool Dicky! Are these similar or better than the “Save for Web” function in Photoshop? Let me try it out now. I have a huge background image for my site to load…

  5. Nice collection! Thanks for sharing

  6. BunnygotBlog says:

    great collection – thank you

  7. Dzinepress says:

    i really like all your resources which giving help for image optimization.

  8. good list …was looking to optimization on my blog images..thank you

  9. I use Wp.smush.it plugin for my wordpress blog but I feel there is some issue at times with their server, it optimize only 60-70% of my uploaded images..

  10. Nicole says:

    Free online webmaster tools to optimize your web site. Visit http://www.webtoolhub.com/

  11. Bret says:

    Why do all the images on this side flicker and blink when scrolling? It’s really horrible to view any large image on this site because of all the slow flickering

  12. Yosef says:

    That’s very cool, and very very useful.

  13. SanPad says:

    Great resources. Very good article for image optimization

  14. Jonny says:

    Thanks for your list, i used RIOT for a long time.

  15. I use photoshop and it does most of the tasks I need but I will try some of the tools you posted, thnx

  16. great post! Minimizing image size is utterly important nowadays to conserve hosting resources. Thanks a bunch for this great list man..

  17. Great opt tools! RIOT is phenomenal

Leave a Comment