Images on the web are more than just a picture. They give the user a visual into a story or an image of a product they are looking to purchase. Images are so important to the success of a site. But it’s important to find a balance in image quality and image file size so that your site doesn’t take a long time to load. If users start dropping from your site, this may affect your SEO.
To get started I chose one of Professor Akselsen images that were shared with us. To optimize this image, I started with the high-resolution photo and brought it into Photoshop. The original file was 900 x 1200 and 987KB.
Once in Photoshop, I exported the image, File/Export/Save for Web (Legacy) and put my quality at 75%. When I saved the image, it brought my file size down to 442KB.
I then brought my JPG into ImageOptim which was recommended in this week’s module. ImageOptim removes bloated metadata to make images load faster. Additionally it saves disk space and bandwidth by compressing images without losing quality. This brought my image size down to 418KB. It’s amazing how the image was cut down more than half in file size but was I able to keep the quality.
If you still need the image to go down in file size, you can choose to resize the image in Photoshop as well as try decreasing the quality when exporting the image.
Always remember to keep the original in case you start to lose the image quality you can always start over and play around with the quality or size.