optipic-io / optipic-modx

MODX plugin to integrate with OptiPic.io (automatic images optimization and compression service)

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

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

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

How to convert to WebP all the images on the MODx

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

• 181 reviews ⭐⭐⭐⭐⭐
• According to recommendations Google PageSpeed Insights
• Easy connection in 5 minutes
• Video instruction in 2 minutes
• Free technical support + installation help

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.

Video instruction for configuring the module MODx

5 easy steps to connect WebP to MODx

Step #1: Download plugin MODx WebP

Download and install the official CDN OptiPic plugin for MODx 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 #3: Copy site ID

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

Step #4: Paste the site ID into the plugin MODx 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 MODx. 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.