image optimized for the webThe original image (1688 × 1125 pixels) was 844kb.
Facebook reduced it to 233kb with no visible loss of quality.

Images on your website should never go straight from your camera to your site.
Large image files take up space and bandwidth and also increase load time for users. Fast-loading websites require small image file sizes, and furthermore, speed is a search ranking factor.

A quick way to optimize/reduce image file sizes for your website:
Post the image (or batch of images) on Facebook and then go to the post and click on it in order to see the larger version. Right click on the image and copy it to your desktop. Delete the image/post after downloading the optimized images. Rename the FB image files something that makes sense (for example, “locally-grown-produce” instead of the random numbers that Facebook uses). Naming image files on your site meaningfully is important for search rankings.

Free optimizers:
There are lots of free image optimizers online. We were able to reduce the image above to about half (118k) the size of the Facebook-optimized image. Try a few of these online tools and bookmark an optimizer that you like. Your goal is sharp-looking images and a small file size.

Website image rules:
There are a few basic rules for website images that you should learn and try to follow, and file size is number one:

  • Optimize images for speed
  • Use jpgs for photos and pngs for flat (vector) images
  • Image file names should describe image