In the last few years, web developers and SEO teams have spent many a moment optimizing web pages for the best performance. Reducing image sizes can have a bigger impact on performance than most other areas combined.
I will show you how to optimise images with Photoshop and a few tools available online for image optimisations.
Optimise a JPEG in Photoshop
- Open an image and choose File > Save For Web.
- Choose JPEG from the optimisation format menu.
- Select an image quality from 0 to 100. I apply a value between 40 and 60. However 40 in most images losses too much detail and colour. 60 is our best option for web optimisation.
- Selecting Progressive will allow the progressive loading of the image on a web page.
- Make sure “Embed the colour Profile” is checked as well as Covert to sRGB
You may choose which metadata to insert, like copyright, where and when the photos were taken.
On the left side, you will see a preview of the image and the image size.
Online Tools
- WebUtils Bulk Image Compress allows for the compression of images and converts them to WebP, JPG, PNG, AVIF, and JXL.
- Compressor.io lets you optimize JPEG, PNG, SVG, GIF, and WebP using lossy or lossless compression up to 10MB per file.
- Imagecompresser.com lets you upload up to 10 files simultaneously and supports PNG, JPEG, WebP, JPG, and GIF formats.
I have taken you through a quick rundown of how to reduce your image sizes in different formats for websites or apps. Saving us time and increasing that desirable performance we have been looking for.
