How to edit images for the web

You will have to edit your photos and graphics to show them on the web:

  • Crop your images instead of overly reducing them.
  • Use the additive RGB colour model. Avoid the CMYK colour model; it’s only for print.
  • Reduce your image to a resolution of 72 to 96 pixels per inch (ppi).
  • Compress images. A normal image should not be larger than 30 KB. A high quality photo should not be larger than 200 KB.
  • Save your images in the GIF or JPEG format.

When to use the GIF format

Use the GIF format for illustrations, diagrams, logos, and icons. Don’t use it for photographs. It can only display 256 colours, which is not enough for photographic images. GIF offers:

  • lossless compression
  • small file size
  • transparency
  • 256 colours

When to use the JPEG format

Use the JPEG format (also called JPG) for photographic and greyscale images. Don’t use it for illustrations and pictures with a large area of a single colour. JPEG offers:

  • 16.8 million colours
  • high image quality
  • huge compression ratios for faster download
  • valuable compression with a degree from 0 to 100% of quality to choose from

Related links

Advertisements

Post a comment or question

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s