Instruction Image Convert for Prestashop1.7



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 Modules > Module Manager (1) and click the Upload a module button (2).




  1. Select the archive with the plugin to install (1, 2, 3).




Wait for the download to complete.


To configure the plugin, сlick the Configure button.






Plugin page


The plugin page consists of tabs - COMPRESS IMAGE, WEBP CONVERT, JP2 CONVERT, LAZY LOAD, IMAGES SITEMAP, COMPRESS FOLDER, CRON TASK, README.


The COMPRESS IMAGE tab includes:


  1. The Status field (1) - to enable / disable the plugin by moving the slider to YES / NO position.

  2. The Replace original field (2) - move the slider to YES osition, if you want to replace the original files with converted images.

  3. The gzip enabled field (3) - move the slider to YES position, if you want to enable gzip compression for your website.

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

  5. The Image quality field (5) - select a value for the compression quality.

  6. The Methods compress block (6) - to select the type of compression / conversion.

  7. The compress images block (7) - for compressing images.

  8. The TRY COMPRESS button (8) - for visual display of the random image in the original and processed state.






In the Methods compress block, select the type of compression / conversion.

This block consists of checkboxes:


  • Php - allows you to compress images (.jpg, .jpeg, .png) and convert them to webP format.

  • Imagick - allows you to compress images (.jpg, .jpeg, .png) and convert them to webP and jp2 format.

To use this method, you need to install the Imagick extension for PHP.

  • Cwebp - allows you to compress images (.jpg, .jpg, .png) and convert them to webP and jp2 format.

To use this method, you need to install the Cwebp library on the server.

  • Imagemagick - allows you to compress images (.jpg, .jpg, .png) and convert them to webP and jp2 format.

To use this method, you need to install the ImageMagick library on the server.

  • Squeezeimg - allows you to compress images (.jpg, .jpeg, .png, .gif, .svg, .bmp, .tiff) and convert them to webP and jp2 format. 

To use this method, you need to enter the token generated after registration a Squeezeimg account.


To fill the Token from squeezeimg.com field, you need to get an API key.

 

To do this, click on the link (1) from Token from squeezeimg.com field.




Next, in the Squeezeimg service window (2) that opens, Login (3), if you are already registered with the service, or register a new account - SIGN UP (4).




After registration, go to the My account section, open the API tab (5) and click the GENERATION NEW KEY button (6) to generate the API KEY (7).




Insert the generated token from the API KEY field into the Token for squeezeimg.com field (8).




In the compress images block, start compression your images.

This block consists of:


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

  2. The compress images counter (2) - displays the number of all compressed images.

  3. The Compress errors counter - displays the number of images that could not be compressed.

  4. The Compress button (3) - to start compression of your images.

  5. The Stop button (4) - to stop compression images.

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




The WEBP CONVERT tab includes:


  1. The Enable WebP field (1) - move the slider to YES position, if you want to display the converted images on your website.

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

  3. The compress images block - for converting images:

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

  • The compress images counter (4) - displays the number of all compressed images.

  • The Compress errors counter - displays the number of images that could not be compressed.

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

  • The Stop button (6) - to stop conversion images.

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

  1. The TRY COMPRESS button (8) - for visual display of the random image in the original and processed state.




The JP2 CONVERT tab includes:


  1. The Enable jp2 field (1) - move the slider to YES position, if you want to display the converted images on your website.

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

  3. The compress images block - for converting images:

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

  • The compress images counter (4) - displays the number of all compressed images.

  • The Compress errors counter - displays the number of images that could not be compressed.

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

  • The Stop button (6) - to stop conversion  of your images.

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

  1. The TRY COMPRESS button - for visual display of the random image in the original and processed state.




The LAZY LOAD tab includes:


  1. The Lazy load field (1) - move the slider to YES position, if you want to increase the website loading speed using lazy-load images.

  2. The Lazy load 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 IMAGES 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 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 COMPRESS 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 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 (ON - original images will be replaced, OFF - processed images will be created in the original folder). To change the status, go to the COMPRESS IMAGE tab > Replace original.




The CRON TASK 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. Cron quantity (2) - to select how many images will be sent for processing at one time.

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


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




The README tab contains instructions for configuring the nginx server.




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




The converted images are now displayed on your website.






VIDEO INSTRUCTION