Welcome to WebmasterWorld Guest from 54.196.214.35

Forum Moderators: not2easy

Message Too Old, No Replies

Best way to save Pics as small as possible

     
4:04 pm on Jul 8, 2005 (gmt 0)

Full Member

10+ Year Member

joined:Nov 11, 2004
posts:253
votes: 0


HI
I am revamping my site and want to redo my pictures again. What is the best way to get them to the smallest size possible.

One of my friend said when I save it using photoshop I should save it for Web and use Index colors instead of RGB? Is that best and what other tips fo you have?

3:52 am on July 9, 2005 (gmt 0)

Preferred Member

10+ Year Member

joined:June 14, 2005
posts:400
votes: 0


Web-safe colors would make the images look really bad unless they've low number of colors.

What do you mean by "size"? The image or file size? Assuming that you meant file size, for the optimum results you must go through each image manually by playing with the settings. For batch processing, you can't get the optimum result. image size vs. image quality.

Nonone can give exact settings for that optimum result because it varies from image to image. However, setting the quality bar to 50 - 51% usually gives the optimum quality/size for jpegs I think.

And yes, always use the "save for web" interface.

2:33 pm on July 22, 2005 (gmt 0)

New User

10+ Year Member

joined:July 16, 2005
posts:26
votes: 0


There is also lots of image optimalisation software out there that also decreases the size of the images of your site, various ones out there!

Try using google with keywords such as "image compressors" or "image optimalisation software" or "jpeg compressor" let your imagination go on this.

2:37 pm on July 22, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member 10+ Year Member

joined:Jan 13, 2003
posts:1240
votes: 0


if youve got a recent version of photoshop, try switching to imageready which comes with it, and use the 'four up' to see how different settings stack up side by side.
8:50 pm on July 22, 2005 (gmt 0)

Moderator from US 

WebmasterWorld Administrator travelin_cat is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Feb 28, 2004
posts:3115
votes: 2


Hulahoop,

On the Mac (asumming pc as well) - no need to open ImageReady, just choose Save for Web and then choose the tabs on the top left for 2 up, 4 up or Optimized

I always choose optimzed and move the settings around until I find the highest quality image vs the lowest size...

9:05 pm on July 22, 2005 (gmt 0)

Senior Member

WebmasterWorld Senior Member topr8 is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Apr 19, 2002
posts:3171
votes: 8


IMO.

1. Resize the physical dimensions to the desired size first.
do this in photoshop by ...

convert to psd format
image > mode CMYK
image > resize > desired size
image > mode RGB

2. convert to a jpeg or gif
personally i think smartsaver pro (free trial available) is better at compressing jpegs than photoshop/imageready, just my opinion - both are good though

4:40 pm on July 30, 2005 (gmt 0)

New User

10+ Year Member

joined:July 29, 2005
posts:14
votes: 0


The best way to compress images is when your designing, not exporting! If you understand the limitations of gifs, you can design top 'header' style graphics with fewer colors and SLAM the size of your files down to a great level, and if you can design you will still have great looking 'containers' for your site.

Knowing about great exporting is one thing, designing around the constraints of something as great as the GIF file format is another.

As always if you are publishing photos - use jpgs, jpgs with similar color attributes (similar adjacent tonal qualities) will be even smaller.

* Think about a splash of CSS to control your fonts externally as well to contribute to the goal of faster downloads.

11:49 pm on Aug 1, 2005 (gmt 0)

Junior Member

10+ Year Member

joined:Apr 7, 2005
posts:102
votes: 0


A tip that many use with Photoshop and web graphics when resizing is this:

1) blur image first
2) resize to desired size
3) sharpen
4) save as web file (about 45-50 quality range for jpegs)

Note: this only works when resizing grphics to smaller dimensions.

This works beautifully for most scenarios.