Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

What programs besides Photoshop are good for saving and optimizing images for web?

share|improve this question
1  
Gramps beat me to it, but here's a link with some info on the process: stackoverflow.com/questions/7048406/… –  Ryan Jun 18 at 16:10
1  
Every Lower-cost / free alternative to Photoshop should also be suitable for this. If you're a designer doing images manually, I'd try those before trying automated programming options like ImageMagick suggested below –  user568458 Jun 18 at 16:50

9 Answers 9

ImageMagick is a great tool to use that would require some understanding of how a terminal is to be used. However, the documentation is done very well so you can reference a lot of examples.

The area you might find useful is Command-Line Options and if you want you can use their tool: ImageMagick MagicStudio.

There was an article by Creative Blog that covered this back in January called: "The 18 best image file compression tools"

share|improve this answer
    
I'll second this, I run ImageMagick on web servers to resize images uploaded via a CMS. It usually gives a nice quality and always reduces the size substantially. –  Jasper Jun 18 at 17:11

Pretty much any bitmap image manipulation software will do. It depends on how complex you want to go; how steep learning curve you are interested in.

Optimising for web is a bit of a misnomer these days: it is really hard to make bad images good regardless of software. As to file sizes and types, it is more dependant on loading times.

Some examples of software are Gimp, Paint and Irfanview.

share|improve this answer

I would recommend http://compressor.io/. It supports JPEG, PNG, GIF, and SVG which is super helpful when it comes to image quality (as well as lossless/lossy compression options).

Unfortunately you can't compress in bulk. For bulk optimization, you could try https://shrinkray.io/ (will compress all images, 50 at a time, in your repo).

share|improve this answer

I know it's crazy, but I like to mess around with some PHP image functions. Sometimes just running:

<?php
imagepng(imagecreatefrompng("input.png"),"output.png");

Can vastly reduce filesize.

Mess around with a few more functions, and I've managed to produce PNG files that even pngcrush... only succeeds in making bigger.

share|improve this answer

Yahoo Smush.it is a useful online tool. It uses ImageMagick and pngcrush along with a few other tools to find the optimal reduction in size.

It accepts GIF, PNG and JPG formats though GIF images will be converted to PNG and the upload size is limited to 1MB. You can read more at the FAQ here.

share|improve this answer

Using ImageOptim on OSX never let me down so far. It's easy to use (drag-drop) and very efficient:

ImageOptim optimizes images — so they take up less disk space and load faster —
by finding best compression parameters and by removing unnecessary comments
and color profiles. It handles PNG, JPEG and GIF animations.

It bundles open-source (commandline) tools as far as their licenses allow:

ImageOptim seamlessly integrates best optimisation tools: PNGOUT, Zopfli,
Pngcrush, AdvPNG, extended OptiPNG, JpegOptim, jpegrescan, jpegtran,
and Gifsicle.

Furthermore, it can be integrated into a XCode workflow (iOS development and stuff).

In additon, ImageAlpha from the same author can be used to reduce 24-bit PNG images:

ImageAlpha greatly reduces file sizes of 24-bit PNG files (including alpha
transparency) by applying lossy compression and conversion to a more
efficient PNG8+alpha format. Such images are compatible with iOS,
all browsers, and even degrade well in IE6.
share|improve this answer
    
Personally, i am using the beta-builds of ImageOptim, current release is version 1.5.4a6. –  jitter Jun 18 at 20:50

If you're looking for a good PNG compressor, have a look to pngquant. It's very simple to use and very effective. I tried few other compressors, but they were either too complicated for me or less effective.

share|improve this answer

Another online tool: http://optimizilla.com

It provides manual quality control.

share|improve this answer
    
Welcome to GD! Do you mind providing a little more detail about the link you have provided because at this time your answer is a link only answer. –  Matt Jul 2 at 16:37

Now i use optimimage with nodejs, but i've used PNG Gauntlet for a lot.

There are many programs to do this. Like prepros and others.

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.