Instruction Image Compress with reSmush for CS-cart

INSTRUCTION IMAGE COMPRESS WITH RESMUSH FOR CS-CART


Download and install


  1. Download the plugin archive in the Shop Pinta store and save it on your computer.

  2. In the admin panel of your website, select Add-ons > Manage add-ons.



  1. Click the Upload & install add-on button.



  1. Download the plugin archive from your computer (1, 2) and click the  Upload & install button (3).



  1. To configure the plugin, select on the menu Website > Image compress with Resmush, which appears in the admin panel after installation.





Plugin page


The plugin page consists of tabs - Global settings, Origin, WEBP, JP2, Lazy load, Image sitemap, Cron, Convert folder, Server config.


The Global settings tab includes:


  1. The Status field (1) - to enable/disable the plugin (Enabled / Disabled position).

  2. The Gzip field (2) - select the Enabled position, if you want to enable gzip compression for your website.

  3. The Quantity images send field (3) - select how many images will be sent for processing at one time.



The Origin tab includes:


  1. The Origin compress field (1) - to enable / disable compression of images in jpg format for your website (Enabled / Disabled position).

  2. The Quality origin compress field (2) - select a value for the compression quality.

  3. The Replace origin images field (3) - select the Enabled position, if you want to replace the original files with converted images

  4. The Try compress button (4) - for visual display of the random image in the original and processed state.

  5. The All compress images block (5) consists of:

  • The All images counter (6) - displays the total number of images on your website.

  • The All compress images counter (7) - displays the number of compressed images.

  • The Compress button (8) - to start compression your images.

  • The Return original button (9) - to return the images to the original state.



The WEBP tab includes:


  1. The Webp compress field (1) - to enable / disable conversion of images to webp format on your website (Enabled / Disabled position).

  2. The Quality compres webp field (2) - select a value for the compression quality.

  3. The Try compress button (3) - for visual display of the random image in the original and processed state.

  4. The All webp images block (4) consists of:

  • The All images counter (5) - displays the total number of images on your website.

  • The All compress images counter (6) - displays the number of compressed images.

  • The Compress & convert button (7) - to start conversion your images.

  • The Return original button (8) - to return the images to the original state.




The JP2 tab includes:


  1. The Jp2 status field (1) - to enable / disable conversion of images to Jp2 format on your website (Enabled / Disabled position).

  2. The Quality jp2 field (2) - select a value for the compression quality.

  3. The Try compress button (3) - for visual display of the random image in the original and processed state.

  4. The All jp2 images block (4) consists of:

  • The All images counter (5) - displays the total number of images on your website.

  • The All compress images counter (6) - displays the number of compressed images.

  • The Compress & convert button (7) - to start conversion your images.

  • The Return original button (8) - to return the images to the original state.



The Lazy load tab includes:


  1. The Lazy load status field (1) - select the Enabled position, if you want to increase the website loading speed using lazy-load images.

  2. The Images block (2) - allows you to select the option to display the loading images on your website.

You can also use an image that differs from the standard ones. To do this, add it to the specified folder (3).



In the Image sitemap tab, a link to a feed with a complete map of your website's images is generated. Use this link for Google Search Console and Yandex.Webmaster services.

To view the generated xml file, open the Image sitemap link in a new browser window.

Your website's image map is dynamically updated to help search engines find and index the actual images of your website faster.




The Cron tab is designed to create a Cron task and automate the process of compressing images of your website.


This tab consists of fields:


  1. Cron link (1) - the link for the Cron task is displayed.

  2. Cron limit files (2) - to select how many images will be sent for processing at one time.


To check how the Cron task works, click on the Cron link (1).



The Convert folder tab is designed to process the images of your website, which are located in a specific folder, and consists of:


  1. The Select the folder to compress field (1) - to select a folder, images from which you want to process.

  2. The Compress button (2) - to start compression / conversion your images.

  3. The Convert options field (3) - allows you to select the type of image processing:

  • COMPRESS - images are compressed without changing the format.

  • WEBP - images are compressed with conversion to WebP format.

  • JP2 - images are compressed with conversion to jp2 format.

  1. The Compression level field (4) - to select the image compression rate (LOW, EASY, HIGHT).

  2. The Reduces disk space field (5) - displays the status of replacement of original images (Enabled - original images will be replaced, Disabled - processed images will be created in the original folder). To change the status, go to the Origin > Replace origin images.



The Server config tab contains instructions for configuring the nginx server.



After completing the plugin configuration, click the Save button.



After completing the image compression / conversion process, update your website.



The converted images are now displayed on your website.