homepage Welcome to WebmasterWorld Guest from 54.227.56.174
register, free tools, login, search, subscribe, help, library, announcements, recent posts, open posts,
Subscribe to WebmasterWorld
Visit PubCon.com
Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
Forum Library, Charter, Moderator: open

Site Graphics and Multimedia Design Forum

    
Best way to save Pics as small as possible
hulahoop




msg:860224
 4:04 pm on Jul 8, 2005 (gmt 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?

 

Alioc




msg:860225
 3:52 am on Jul 9, 2005 (gmt 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.

krez




msg:860226
 2:33 pm on Jul 22, 2005 (gmt 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.

benihana




msg:860227
 2:37 pm on Jul 22, 2005 (gmt 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.

travelin cat




msg:860228
 8:50 pm on Jul 22, 2005 (gmt 0)

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...

topr8




msg:860229
 9:05 pm on Jul 22, 2005 (gmt 0)

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

ScratchDisk




msg:860230
 4:40 pm on Jul 30, 2005 (gmt 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.

schwartz




msg:860231
 11:49 pm on Aug 1, 2005 (gmt 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.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / Site Graphics and Multimedia Design
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved