Instruction Image Compress with reSmush for Opencart3.0

INSTRUCTIONS IMAGE COMPRESS WITH RESMUSH FOR OPENCART 3.0


Download and install


  1. Download the plugin archive from Shop Pinta store and save it to your computer.

  2. In the admin panel of your  website, select Extensions (1) > Installer (2).

  3. In the Upload your extensions section, click the Upload button (3).



  1. In the opened window, select the plugin archive (1) and click the Open button (2).



  1. Clear the cache. Go to the Modifications subcategory (1), check the checkbox (2), click Clear (3) and Refresh (4) buttons.



  1. Go to the Extensions subcategory (1) in the Modules list (2), find the Convert and compress images with Resmush plugin, and click the Install button (3). To configure the plugin, click the Edit button (4).





Plugin page


The plugin page consists of tabs - Options, Compress and convert, Convert folder, Cron.


The Options tab includes:


  1. The Enabled status field (1) - to enable/disable the plugin (on/off position).

  2. The Convert images to webp format field (2) - select the on position, if you want to display the converted images in webp format on your website.

  3. The Convert images to jp2 format field (3) - select the on position, if  you want to display the converted images in jp2 format on your website.

  4. The Quality of compress field (4) - select a value for the compression quality.

  5. The gzip enabled field (5) - select the on position, if you want to enable gzip compression for your website.

  6. The Count send images in request field (6) - select how many images will be sent for processing at one time.

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

  8. The Replace origin images (Reduces disk space) field (8) - select the on position, if you want to replace the original files with converted images.

  9. In the Sitemap field (9), 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 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.

  1. The Images for loader block (10) - 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 (11).




The Compress and convert tab includes:


  1. The Convert images in jpg block (1) - for compressing images.

  2. The Convert images in webp block (2) - for converting images to webp format.

  3. The Convert images in jp2 block (3) - for converting images to jp2 format. 

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



Each of this blocks includes:


  1. The images origin counter (1) - displays the total number of images on your website.

  2. The Converted images in jpg / Converted images in webp / Converted images in jp2 counter (2) - displays the number of all compressed images of the appropriate format.

  3. The Compress & convert button (3) - to start conversion/converting of your images.

  4. The Return original button (4) - to return images to their original state.



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 folder 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 the WebP format.

  • JP2 - images are compressed and converted 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 (ON - original images will be replaced, OFF - processed images will be created in the original folder). To change the status, go to the Options tab > Replace origin images.



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 type (1) - to select the type of image processing.

  2. Count send images for cron (2) - to select how many images will be sent for processing at one time.

  3. Cron url (3) - the link for the Cron task is displayed.


To check how the Cron task works, open the link in the address bar of your browser.



After completing the plugin configuration, save the changes.



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



The converted images are now displayed on your website.