Welcome to WebmasterWorld Guest from 107.22.7.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)

10+ Year Member



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 Jul 9, 2005 (gmt 0)

10+ Year Member



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 Jul 22, 2005 (gmt 0)

5+ Year Member



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 Jul 22, 2005 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



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 Jul 22, 2005 (gmt 0)

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



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 Jul 22, 2005 (gmt 0)

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



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 Jul 30, 2005 (gmt 0)

5+ Year Member



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)

10+ Year Member



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.

 

Featured Threads

Hot Threads This Week

Hot Threads This Month