How to compress images on Shopify, Updated 11th August 2020 – In this article I will show you how to compress images on Shopify.
You will learn how to compress images and why it’s important for your page speed and SEO.
If you want to learn about the basics of SEO for Shopify, make sure you check my other articles:
If you need help with compressing and optimising your images on Shopify, feel free to check our Shopify SEO agency services.
Image compression is the process of reducing the weight of an image. It’s generally used to improve the page load speed of a web page.
There are two type of image compression: lossless and lossy.
The lossless method compresses an image by keeping the same quality of the image before the compression. Instead, the lossy method removes some parts of the image to further reduce its weight.
The type of compression method chosen will also determine the format of the image file.
JPG or JPEG are the most common image file formats used on web pages.
JPG or JPEG stands for Joint Photographic Experts Group and, together with PNG, is one of the most used image file formats for the web. It’s a bitmap compression method used for lossy image compression.
PNG stands for Portable Graphic Format and, together with JPG, is one of the most used image file formats for the web. It’s a compression method used for lossless image compression.
It also supports transparency, while JPG image compression cannot.
Image compression is important for SEO because it improves the user experience by reducing the time it takes for a page to load.
Google uses page load speed as a ranking factor since 2010 (source: backlinko.com). This means a website whose pages are slow to load will get lower rankings and visibility than a fast one.
You can compress images on Shopify through an app or online.
If you have a number of images to compress (eg +20), it’s recommended that you use a Shopify app rather than optimising images online one by one.
You can compress images on Shopify by using one of the following apps (listed by number of reviews):
For our tutorial we will use Crush-Pics.
To compress images on Shopify with Image Optimizer by Image Optimizer:
What this option does is renaming all your image file names to make them SEO-friendly. While this might seem like a good idea, it’s actually a very bad one. Renaming a file or page already indexed by Google will cause a 404 page not found error. Each error is like a signal to search engines that your site is broken. If you have a number of these errors, your Shopify store visibility will suffer as a result of that.
If you still want to go down this route of renaming your image file names, you will need to set up a redirect for each file. To learn more, you can read my article How to Create a URL Redirect in Shopify.
Shopify doesn’t allow access to homepage slides, blog images etc. You need to compress them manually using the Manual File Uploader. You can read more here.
To compress images on Shopify online, you can use one of the following websites:
The list above is not a comprehensive one. It’s just the online image compression website that I use the most.
For the purpose of this tutorial we are going to use Imageresizer.com.
If you want to learn more about image compression, make sure you check my article on How to Compress JPG Online & Increase Site Speed.
To compress images online with Imageresizer.com: