How to reduce image size as much as possible so that website loads much faster?

You could do it through the graphics program of your choice. I use either Photoshop or GIMP. I prefer to use GIMP for web image optimisation to be honest. There's an app for the Mac called JPEGmini Lite - you can purchase the full version if it's suitable. Also http://imageoptim.com/.

 

Online alternatives are http://www.resizeyourimage.com/ or http://www.imageoptimizer.net/Home.aspx. I've used the latter in the past when in a hurry. Best results are always through the graphic programs, in my opinion. There are loads more others that work better for png's but you didn't specify the image or platform you're using.

 

Good luck.

Edited August 3, 201313 yr by 4li4s

What are the actual steps for photoshop and gimp?

Photoshop - 'save for web' and click on the relevant drop down - png, jpeg etc.. quality, dimensions (it's a visual thing).

 

GIMP - similar to Photoshop. Export the image and check the relevant boxes on resolution, creation time and compression level.

Last time I checked JPEGMini was free? Anyway, they have made a Windows version too. I have used it before and I find that it does it's job really good.

Last time I checked JPEGMini was free? Anyway, they have made a Windows version too. I have used it before and I find that it does it's job really good.

 

Yep - JPEGmini lite is free but there's a full version too https://itunes.apple.com/us/app/jpegmini/id498944723?mt=12 hence that's why I said you could buy the full version if suitable.

Weird, I have only been able to find on vision (apparently the light one) ;-) I still use the light version though and it's great. I haven't used it as much as I wanted too (actually not done anything productive for a couple of weeks now due to my MacBook being sent away for repairing).

If you have an imaging SDK,you can easily zoom in and out image size and document and adjust image to the best viewer size.And you are supposed to finish web image and document page zooming in high-speed and high-quality.

I usually prefer photoshop and gimp for reducing the size of the image.These are the following links from where you can know how to reduce image size as per pixels and percentage.
http://www.photoshopessentials.com/essentials/image-resizing/
http://www.ehow.com/how_6399524_reduce-image-size-gimp.html

Hope it will help you.

In Photoshop there's an option called "Save for web and devices" it will take you to a preview window where you can try different formats and compression values you can monitor the output files size and propperties in the button while you ajust the compression. It will also let you scale the exported image. If your images are in greyscale or have little color information you can really reduce the file sizes by saving the images as png-8. It's an 8 bit format (only 256 colors like gif). But for a greyscale image the result wil be the same as with a 24 bit image. The png-8 format is also good for graphics and icons as they usually contain few colors. Speaking of graphics there's now pretty good browser support for scaleable vector graphics (the svg format) but you need illustrator or inkscape to create svg.

Edited August 31, 201312 yr by Nillervision

this is great - you can also get full alpha transparency with 8bit pngs (like you can with fireworks) http://tinypng.org/

 

for jpegs (and pngs ) on MAC http://imageoptim.com/

 

and http://www.smu****.com/ysmush.it/

If you want to reduce the filesize by a factor of 10 to 20, the easiest way is to reduce the amount of pixels. Reducing both width and height by 2/3 would give you a picture about 1/9 the size of the original. But that is quite a lot of resolution you loose