Optimizing Photos for the Web

Optimizing Photos for the Web

  1. Edit image.
  2. Resize image.
  3. Sharpen small (≤ 500 px in width) images with the Unsharp Mask and larger images with the High Pass Filter.
  4. Reduce noise.
  5. Make the file size smaller by using Photoshop’s “save for web & devices” option. The difference between jpeg high (60), jpeg very high (80) or jpeg maximum (100) is barely noticeable. I usually save small/medium images as jpeg high and large images as jpeg very high. Make sure the convert to sRGB box is checked.


  • Save images with text, vector-based images as png files.
  • Save photos as jpeg files.

Recommended Tutorials

Related Posts

Leave a Reply

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 )

Google photo

You are commenting using your Google 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 )

Connecting to %s