Skip to content

Latest commit

 

History

History
118 lines (94 loc) · 4.85 KB

README.md

File metadata and controls

118 lines (94 loc) · 4.85 KB
Raw

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

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

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

Download

How to convert to WebP all the images on the Magento

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

5 easy steps to connect WebP to Magento

Step #1: Download plugin Magento WebP

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