/optipic-cs-cart

Addon for CS-Cart WebP to integrate with OptiPic.io (automatic images optimization and compression service)

Primary LanguagePHP

WebP convert images CS-Cart 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 CS-Cart.

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

https://optipic.io/en/webp/cs-cart/

Download

How to convert to WebP all the images on the CS-Cart

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 CS-Cart

Video instruction for configuring the module CS-Cart

5 easy steps to connect WebP to CS-Cart

Step #1: Download plugin CS-Cart WebP

Download and install the official CDN OptiPic plugin for CS-Cart 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 CS-Cart 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 CS-Cart. 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.