CS-Cart "Images Optimization" Add-on

Advantages for the site owner:

• The site speed is higher,
  improves SEO indicators and positions in search engines
• Space saving in the server
  by images size reduction in bytes (if you do not save backups of the original images)
• Reducing the load on the server
  by reducing the amount of data transferred
• Easy to set up
  the ability to choose between image compression via Resmush or conversion to WebP, and also to set the quality level of the processed images. (for stores with CS-Cart/Multi-Vendor version 4.14.1 and higher!)
• Support for automatic processing
  Add-on independently optimizes uploaded images without administrator intervention using CRON tasks (!The CRON task is added to the server by yourself)

Advantages for site visitors:

• Fast page loading,
  especially on devices with low internet speed.
• The best user experience
  content is displayed instantly
• Save the image quality
  images and content remains attractive
• Lower mobile traffic costs
  due to a smaller amount of downloaded data

How does it work?

Step 1

Go to the add-on settings, on the "Basic" tab select the service through you want to optimize images.

Resmush - does not change the image format, reduces the weight in bytes.

Conversion to WebP - changes the image format to webp, by reducing the size in bytes. Tick the boxes you need.

Conversion to Webp format is possible if CS-Cart has version 4.14 or higher and GD version 2.2.5 or higher or Imagick is installed on the server.

There are Cron commands at the bottom of the "Basic" tab. Add one of them to your server and the images will be converted automatically

Step 2

Go to the "Services" tab. Set the required quality level for each service, your task is to find a balance between the quality and the image size in bytes.

Step 3

Go to "Administration - Image Optimization" (or "Settings - Image Optimization" for CS-Cart 4.18.x and higher)

Step 4

It is very convenient to manage image optimization manually on this page.

The table makes it clear which images are optimized and which are not.

The previous image size and the size after optimization are visible

Step 5

You can optimize images individually or several ones, or optimize all images with one button.

Image search To find specific images in the entire list, you can use the "Search". It is in the side menu. You can search by name, type, weight. Status etc.