Optimizing Images

 

When you take a photo with a digital camera, the raw image is usually too large and the file size is a few MB. You need to optimize all your images’ dimensions and file sizes to so that they fit nicely on the web pages and download fast.

 

 

You can optimize your images in Photoshop:

 

Opening an Image in Photoshop:

  1. Run Photoshop
  2. Go to File > Open
  3. Browse the image that you want to optimize. Select and click Open.

 

Change Image Dimensions:

  1. Go to Image > Image Size
  2. Type in 72 for resolution
  3. Type in your desired width (height will change proportionally)

 

Optimize and Save:

  1. File > Save for Web & Devices
  2. Now you need to choose the compression format as described before. Select JPG, GIF or PNG.

 

For JPG: Change the quality using the slider
For GIF and PNG: reduce the number of colors     

 

Take a look at the file size on the bottom of the image when making these changes and click Save when you’re happy with the file size and the quality.

 

Compression Formats

 

Image: Saving as a JPEG

 

 

 

Saving as a gif file

 

Image: Saving as a GIF

 

 

If you don’t have Photoshop you can use a free online photo editing tool like:
http://www.gimp.org/     or     http://pixlr.com/

 

 

 

 

Buy "Digest Web Design" PDF Book

 

All the information on this website is also provided in a PDF book for only $30.
Click here to buy.

 

 

<<    Previous Page                                                                    Next Page    >>