| Optimized JPG/GIF |
|
The problem with saving images to a jpg or gif extension is that it sometimes ruin the quality of the image. Most people avoid jpg/gif extensions and stick to png extensions for layouts, but if the layout is too big, sometimes the png can take too long to load. This annoys the visitors and the owner. The dilemma we have is this: stick to a png extension with good quality but poor loading time, or a jpg/gif extension with poor quality and fast loading time? 1. When you are finished designing your image (hopefully you are saving from a psd or png at the moment for best quality!), go File > Save for Web. This will bring up a new screen. At the top left, click the Optimized view. 2. Set: Settings: Unnamed JPEG Maximum (No) Progressive (No) ICC Profile (Yes) Optimized 100 Quality 0 Blur (No) Matte Tip: I have this set to JPG but I reccomend taking a look at how your image will appear if saved as a gif. If it looks just fine, use the gif instead! It's even more faster and of a smaller file size than a jpg. 3. Hit save and re-name the new copy. Tip: I reccomend using this for usually every medium-to-large image you publish to the web. It keeps the images clean cut in quality along with a smaller file size and faster loading time. |