Skip to content

PrestaShop module OptiPic: Automatic сonvert to WebP, images optimization and compression service

License

Notifications You must be signed in to change notification settings

optipic-io/optipic-prestashop

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

29 Commits
 
 
 
 
 
 

Repository files navigation

WebP convert images PrestaShop in 2 clicks - OptiPic CDN ready plugin

Fully automated process for converting all png and jpeg images to WebP format to the requirements of Google Pagespeed Insights.
Solves the problem "Serve images in next-gen formats".
Easy connection to PrestaShop.

| English | Español | Deutsch | Türk | Français | Italiano | Português | Polski | Čeština | Русский | Беларуская | 中国 | 日本 | বেঙ্গল | 한국인 |

https://optipic.io/en/webp/prestashop/

Download

How to convert to WebP all the images on the PrestaShop

CDN OptiPic — simple solution to the problem "Serve images in next-gen formats"

Smart WebP convertation on the fly

What does OptiPic CDN do when trying to request an image from it:

  • Returns the WebP version of the image (if the browser supports WebP format)
  • Returns a compressed version without webp (if the browser does not support WebP)
  • Makes responsive to mobile screens (if the image is opened from a mobile)
  • Caches and speeds up loading reducing the load from your hosting
  • Protects your images preserving copyright by EXIF and IPTC tags
  • Use your own domain name to load images from img.domain.com, etc
  • Lazy load images Images load as you scroll through the pages

Convertation to Webp and image compression occurs in the background and does not slow down the opening of images on the browser. If the optimized version is not yet ready at the time of the image request, the original version is returned without any processing.

Download

Video instruction for configuring the module PrestaShop

Video instruction for configuring the module PrestaShop

5 easy steps to connect WebP to PrestaShop

Step #1: Download plugin PrestaShop WebP

Download and install the official CDN OptiPic plugin for PrestaShop on your site.

Step #2: Sign up for OptiPic CDN

Register in your OptiPic CDN account and add a new site to your CDN control panel. Step 1

Step #3: Copy site ID

Copy the ID of the created website to the clipboard (Ctrl + C) Step 1

Step #4: Paste the site ID into the plugin PrestaShop WebP

Go to the settings page of the previously installed plugin on your site. Paste the copied site ID into the corresponding settings field.

Step #5: Save your settings

Save plugin settings. Clear the cache in the control panel PrestaShop. Change other plugin settings if necessary

Description of plugin settings

  • Site ID in your personal account CDN OptiPic
    You can find out your website ID in your CDN OptiPic personal account. 
    Add your site to your account if you have not already done so. 
    To turn off auto-fidelity, just clear the site ID.
    
  • Domain list (if images are loaded via absolute URL)

    Each on a new line and without specifying the protocol (http/https).
    Examples:
    mydomain.com
    www.mydomain.com
    
  • Site pages that do not include auto-replace

    Each on a new line and must start with a slash (/)
    
  • Replace only URLs of images starting with a mask

    Each on a new line and must start with a slash (/)
    Examples:
    /upload/
    /upload/test.jpeg
    
  • List of 'srcset' attributes

    List of tag attributes, in which you need to replace srcset-markup of images
    What is srcset? 
    Examples: 
    srcset 
    data-srcset 
    
  • CDN domain

    Domain through which CDN OptiPic will work. 
    You can use your subdomain (img.yourdomain.com, optipic.yourdomain.com, etc.) instead of the standard cdn.optipic.io. 
    To connect your subdomain, contact OptiPic technical support.