EComposer Blog

Follow the constantly updated information about new features, partners, promotions, tips and more....

How to compress images in Your Shopify store (Easy 2022 guide)

EComposer-image-compression

Understanding image compression is essential to enhancing your website performance. 

If you manage an online store on Shopify Platform and want to improve your store's customer interface, you must know how to compress images in your Shopify store. 

In this article, we will help you gain a better understanding of what image compression is exactly, its importance, and the steps to compress your image to products on Shopify. Let's get started right now.

What is image compression?

Image compression is the process that reduces your image weights. It’s generally used to improve the page load speed of a web page.

There are two types of image compression, including lossless and lossy.

  • The lossless method compresses an image by keeping the same image quality 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.

Common Image file formats:

There are various types of image files that you can explore here. And the most common image file formats used on any web pages are JPG or JPEG (Joint Photographic Experts Group) and PNG (Portable Graphic Format).

While JPG is a bitmap compression method used for lossy image compression, PNG uses the lossless method in image compression. So PNG can ensure image transparency.

Why do you need to compress images?

Since 2010, Google has used page load speed as a ranking factor. This implies that a website with slow-loading pages will have lower ranks and visibility than one with a rapid load time.


Notably, unoptimized image is listed as Top 10 reasons causing Low Page loading speed. Hence, image compression is crucial for SEO since it enhances user experience by speeding up website load times. 


Within the scope of this article, I will talk about the easiest way to compress your images (both paid and free).

Use Image Compression app (Paid)

Go to Shopify App Store and search for "Image compression" keyword and see apps that can help you compress images easily. 

Shopify-image-compression

But there are some downsides that you need to consider before deciding to install these apps.


These apps are paid apps, and these costs you about $1.99 to $19.99/month. Moreover, adding many third-party applications can affect the loading speed of the website.

The application has a fairly simple function and configuration, so it should be provided for free instead of having to pay monthly.

Use EComposer extension (Free)

EComposer-Landing-page-builder

If you have installed EComposer - Landing Page Builder you can now build various pages like Homepage, product pages, blog pages, and more.


What’s more? You can own a huge updated extension library, including Tinify Image Compressor that ultimately optimizes your images on the store. This feature is available even if you use EComposer's Free plan.


This is a cool feature and we can ensure that it's really helpful. We used Tinify Image Compressor to optimize our entire website’s images. 

To activate Tinify Image Compressor for free and flash, please follow the steps below.

Step 1:

Add the EComposer Visual Page Builder app to your store.


Step 2: 

Get Tinify Image Compressor by

  • Click on the Extension icon at the top left corner.
  • Under the Extension tab, click Add more.
EComposer-open-extension-library

Step 3: 

After installation, simply select “Compress images” to use this extension.

EComposer-Tinify-image-compressor

The "TinyPNG API KEY" blank will then automatically appear for you to fill out. 

EComposer-TinyPNG-API-KEY

Please click here to access the key. 

All of the photographs you upload to EComposer will be compressed after you check the Compress images checkbox.

Conclusion: 

We sincerely hope that following our instructions will be simple for your eCommerce business path. Please feel free to share our guide with your social network group if you find it useful. We greatly appreciate your concern.

Also, don't hesitate to get in touch with us if you have any questions. We are always eager to hear from you.

Don't forget to let us know via live chat from the EComposer app if you need any help.

=================

Install EComposer Here

Follow Us on Facebook

Join Official Community