Image files should not go straight from camera to website
Large image files take up space and bandwidth and also increase load time for users. Fast-loading websites require small image file sizes.
One quick way to optimize images for your website:
Post the image (or batch of images) on Facebook. Go to the post and click on it in order to see the larger version of the image. Copy or download the image. Rename the file something that makes sense (for example, “locally-grown-produce.jpg” instead of the random numbers that Facebook uses to name files)—naming image files on your site meaningfully is important for search rankings. Delete the post after downloading the images.
A better option: free optimizers:
There are free image optimizers online. We were able to reduce the image (above) to about half 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.
Best way to optimize:
Use Photoshop to “save for web.” Also Gimp, Corel or any other image-editing program.
Website image best practices (it’s not all about size):
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—small images load fast
- Use jpgs for photos and pngs for flat (vector) images
- Image file names should describe image
- Use “alt text” for ADA compliance and search rankings