16 Indispensable Tools to Optimize Photos for the Web


There’s nothing more irritating, when surfing the web, than a website which takes ages to load. Slow load times are an instant turnoff to visitors and can impact negatively on your site’s traffic and even affect your Google ranking (although not as heavily as some people might have you believe). Optimizing your website’s images will make your site load more quickly, reduce your bandwidth consumption and save you money in the long-run.

If you want to compress the size of your image files without affecting image quality, you’re going to need a decent image optimizing tool. Photoshop lets you choose the quality of your images and offers a “Save for Web” function, but that’s not enough. The great tools explored below let you squeeze vital extra kB out of your images, keeping you and your website visitors happy.

.

1. smush.it

smush.it

Smush.it, available to download for free as part of Yslow!, a package of fantastic website performance enhancing apps from Yahoo!, is a lossless tool, meaning that it reduces the size of your images without impacting on image quality. Once run on your website, smush.it reports how many bytes it could save you, providing a zip file with minimized images inside. GIFs are automatically converted to lightweight PNGs.

.

2. PunyPNG

PunyPNG

PunyPNG reduces the size of your images by 40% with no loss in quality. It works with PNGs, JPGs, GIFs and animated GIFs up to a maximum size of 350kB.

.

3. SuperGIF

SuperGIF

SuperGIF, for Mac and Windows, reduces the size of your GIF images and videos. It’s available to download for $29.95. While there are plenty of free tools that perform the same function, none shrink GIF animations as quickly as SuperGIF. When it comes to images, SuperGIF is excellent too, reducing size by over 50% (over 80% for animations).

.

4. SuperPNG

SuperPNG

SuperPNG, for Mac and Windows, is a Photoshop plugin which shrinks PNGs more effectively than any Adobe tool. SuperPNG is really quick, reducing files down to a fraction of their original size in a matter of seconds.

.

5. Page Speed

Page Speed

Google Page Speed is a Firefox plugin designed to increase the speed of your website. Like Yslow! on steroids, it optimizes your images as well as identifying any speed problems caused by JavaScript or CSS issues. It also performs Gzip compression and minimizes cookie size.

.

6. Image Optimization Tool

Image Optimization Tool

SiteReportCard’s Image Optimization Tool is s handy, free, browser-based app for compressing GIFs, JPEGs and PNGs. Just enter an image URL or upload a file from your computer and the Tool compresses it, displaying images at various sizes and qualities for you to choose from.

.

7. RIOT

RIOT

RIOT (Radical Image Optimization Tool) is available as a standalone download or as an InfranView or GIMP plugin. You can use it to optimize JPEGs, GIFs and PNGs. Its layout is really user-friendly: original images are positioned alongside optimized images for quality checking purposes.

.

8. JPG & PNG Stripper

JPG & PNG Stripper

Sadly not as sexy as it sounds, JPG & PNG Stripper reduces file size by removing all unnecessary metadata from JPEGs and PNGs. It’s available for Windows only.

.

9. Shrink O’Matic

Shrink OMatic

If you’re currently using Adobe AIR, then Shrink O’Matic is the tool for you. It’s an AIR application which lets you batch shrink and resize your JPGs, GIFs and PNGs. Its handy drag and drop interface lets you choose output sizes, names and formats without difficulty.

.

10. PngCrush

PngCrush

PngCrush is not the easiest optimization tool to get to grips with, but is ideal for Linux users. It can be run from an MSDOS, UNIX or Linux commandline. It works by shrinking the size of a PNG IDAT datastream using various compression levels and PNG filter methods.

.

11. Online Image Optimizer

Online Image Optimizer

Online Image Optimizer, a browser-based tool from Dynamic Drive, works with GIFs, animated GIFs, JPEGs and PNGs. It’s extremely straightforward. Simply provide an image URL or upload an image, choose whether you’d like your image to be converted to another format or to remain the same, and click “Optimize”.

.

12. PNGOUT

PNGOUT

PNGOUT was developed by Ken Silverman in early 2002. It’s an optimizer for PNG images only, available as a piece of freeware command-line software or as a plugin for InfranView. Using the DEFLATE algorithm, it offers 5-10% better compression than its competitors and its results are lossless.

.

13. PNGOUTWin

PNGOUTWin

PNGOUT is a great piece of freeware, but can be rather confusing for anyone that’s not an expert. Novices should try PNGOUTWin instead, which is the commercial, graphical version, available for $14.95 (personal) or $29.95 (corporate). Use PNGOUTWin to compress TIFF, GIF and BMP to PNG, or simply optimize your existing PNGs.

.

14. PNGGauntlet

PNGGauntlet

PNGGauntlet is another optimization tool based on Ken Silverman’s highly influential PNGOUT. Like PNGOUTWin it’s really easy to use, letting you drag and drop files for compression. Unlike PNGOUTWin, however, PNGGauntlet is completely free. Besides shrinking, this tool can be used for converting JPG, GIF, TGA, PCX, and BMP files to PNG.

.

15. OptiPNG

OptiPNG

A great little tool, OptiPNG reduces the size of your PNG image files while maintaining lossless image quality, carrying out PNG integrity checks and corrections simultaneously. OptiPNG can also be used for converting files of all formats to PNG.

.

16. ImageOptim

ImageOptim

ImageOptim is free, open-source software, available for Mac only. It acts as a graphical user interface (GUI) for several great optimization tools, such as OptiPNG, PngCrush and even PNGOUT.

We provide 1z0-050 dumps with 100% success guarantee. Join 1Y0-A08 online training to successfully complete HP0-S23 certification.

Comments

03.04.10

Hey Walker,
Very nice post indeed. I have seen this problem many times that websites takes ages to load because most of the images on it are linked by 3rd party websites, so server has to respond 3 ways, thats the reason it works slow.

Till some extent these websites would help, but if you still have soem 3rd party images on your website then it would be all same at the end of the day.

03.04.10

Thanks for the list. I’ve never even heard of most of these image crunchers. I still swear by Google PageSpeed since it’s a complete toolkit by the same company we’re pandering to, but I’ll try out a couple others.

03.04.10

This is an incredibly helpful post. On page photo optimization is a huge area that web developers often miss out on.

03.04.10

I have tried a few of these in the past.

I just tried Shrink-o-matic and it increased a 450 x 300 png from 213kb to 344kb?!?! Not so good.

I find smush.it really useful and have gotten really good results from it many times now.

Thanks for posting this list.

03.04.10

This is what I need. Thanks

dear webmaster – thank you for your site and the high quality information you have gathered together. It was a pleasure to come here and find I haven’t wasted my time, which is the usual state of affairs I’m afraid to say. Janie Goodman

Well, that is really great a tool of page speed by google.

I keep listening to the news broadcast lecture about getting boundless online grant applications so I have been looking around for the best site to get one. Could you advise me please, where could i acquire some?

I learned that : jQuery slideshows or galleries take a grouping of images and turn it into an flash-like image/photo gallery.

03.04.10

Awesome list, thanks for sharing!

Excellent resource, I like the fancy captcha myself, the drag and drop feature is slick.

An interesting discussion is worth comment. I think that you should write more on this topic, it might not be a taboo subject but generally people are not enough to speak on such topics. To the next. Cheers

Thank you for all the information was very accurate, just wondering if all this is possible.~

03.04.10

Hi, maybe this is not on content but anyway, I have been browsing about your web site and it looks truly straight. impassioned about your authorship. I’m building a new web log and hard put to make it appear great, and provide really good content. I have revealed a lot on your web site and I look forward to more updates and will be coming back.