Smart CDN OptiPic

Name: Module for CMS. Smart conversion to WebP and optimization of images on the site according to the requirements of Google PageSpeed Insights
Brand: OptiPic
SKU: OptiPic CDN
Price: 7 USD
Availability: InStock
Rating: 4.71 (189 reviews)

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.

Learn more about connecting

What gets optimization of images on the site

Speeding up
the site
Improving
SEO
Increasing
of conversion
Increasing of Google
Pagespeed Insights

How does the CDN OptiPic work?

Converts to WebP - the next-gen image format
Solves the problem "Serve images in next-gen formats" in Google Pagespeed Insights

If a visitor to your site uses a browser that supports the WebP format, then the CDN gives him exactly the WebP versions of the images (WebP versions are generated automatically on the CDN side).

Why is it worth using WebP?

Using Webp solves the "Use Modern Image Formats" issue in Google Pagespeed Insights.

In short, WebP compresses the file better, all other things being equal, than older formats (png and jpeg) - which means it takes up less space on the hosting and loads faster in the browser when viewing the page.

The implementation of WebP is actively promoted by Google - they provide such statistics:

WebP compresses images losslessly 26% better than PNG.
WebP compresses lossy images better than JPEG by 25-34% with the same structural similarity index (SSIM)
WebP supports lossless transparency (known as alpha) with a size increase of only 22%.

Compresses images

If the visitor’s browser does not support Webp, then the visitor is given the images in the original format (png / jpeg), but pre-compressed / optimized.

Adapts for mobile phones

If the visitor opens the site from a mobile phone, then the images are not only automatically compressed or converted to Webp, but also automatically reduced in width (to speed up the download of images even more on the mobile Internet)

Caches and speeds up loading

Images will not be converted, optimized and compressed on the fly every time with every request. All of these procedures will be performed by the CDN once for the requested image. In the background, so as not to slow down the delivery of images to the visitor of your site.

How to connect CDN OptiPic?

Option #1: Use the plugin for your CMS

Please wait. The site is being analyzed.

Soon you will be redirected to the verification results page.

just enter the url of your site

we will automatically detect the CMS and offer a suitable integration module

Option #2: Universal connection through PHP (GitHub library)

The URLs of the images on the site change automatically. It is enough just to add 1 line to your .htaccess or php.ini.

Connection example via `.htaccess`

php_value auto_prepend_file "<SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php"

Connection example via `php.ini`

; Automatically add files before PHP document.
; http://php.net/auto-prepend-file
auto_prepend_file = <SITE_ROOT_DIRECTORY>/optipic-cdn-php/optipic-cdn-php/auto_prepend_file.php

Documentation and examples of our php-library on GitHub
Get free help in connecting
Check if image is loading via OptiPic CDN
CDN: Url Converter for Images in Document

free integration by request

Option #3: Universal connection through Nginx proxy

URLs of images on the site do not change. Just now all image traffic is automatically proceed to OptiPic CDN

# OptiPic CDN: insert it into the Server structure
location  ~* \.(png|jpg|jpeg)$ {
    resolver 8.8.8.8; # Google DNS
    set $cdn_host_value "cdn.optipic.io";
    set $from_optipic "yes"; # to disable CDN OptiPic - set "no" value
    if ($arg_no_optipic) {
        set $from_optipic "no";
        set $cdn_host_value $host;
    }
    
    proxy_redirect     off;
    proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
    proxy_set_header X-Real-IP $remote_addr;
    proxy_set_header Host $cdn_host_value;
    
    if ($from_optipic = "yes") {
        rewrite ^/(.*) /site-XXXXXX/$1 break;
        proxy_pass http://$cdn_host_value;
    }
    
    # get-param ?no_optipic=1 - get image from your hosting directly (without CDN OptiPic)
    try_files $uri 404;
}

XXXXXX — ID of your site in your CDN OptiPic account
We strongly recommend that you check the correctness of the new version of the config before rebooting nginx. You can do this with the command nginx -t.
Soft reload (re-read configs) Nginx can be by command nginx -s reload
Nginx proxy documentation
Get free help in connecting
Check if image is loading via OptiPic CDN

Get free integration

even on a free tariff

Option #4: Connection via `.htaccess` (Apache proxying)

URLs of images on the site do not change. Just now all image traffic is automatically proceed to OptiPic CDN

#---------------------------------------
# OptiPic CDN 
# Requires enabled Apache modules: `rewrite`, `proxy_module` and `proxy_http_module`
# Add new 'IfModule mod_rewrite.c' block or inject into exist one
# Get support: https://optipic.io/get-free-help/?cdn=1
<IfModule mod_rewrite.c>
    RewriteEngine On
    SSLProxyEngine On

    RewriteCond %{QUERY_STRING} !no_optipic=
    RewriteRule "^(.*)\.(jpg|jpeg|png)$" "http://cdn.optipic.io/site-XXXXXX/$1.$2" [P]
</IfModule>
#----------------------------------------

XXXXXX — ID of your site in your CDN OptiPic account
Before modifying .htaccess, we strongly recommend that you make a backup of the file and make sure you have FTP access to the file.
Get free help in connecting
Check if image is loading via OptiPic CDN

Get free integration

even on a free tariff

Option #5: Just change the URL of the images on your site!

It was
not optimized

<img src="/upload/foo/bar/image.png">

It has become
automatically optimized

<img src="//cdn.optipic.io/site-XXXXXX/upload/foo/bar/image.png">

XXXXXX — ID of your site in your CDN OptiPic account

Get started now with the FREE package

Quality guarantee (Refund Policy)

If you are not satisfied with your purchase, you can contact us within 30 days from the date of purchase. If there are grounds for this, we will refund the full or partial cost of your purchase.

One-time payment — no monthly fees

The purchased package does not burn out at the end of the month - it is advantageous to purchase it several months in advance

You pay for views from CDN images. The total cost of use depends on the amount of traffic to your site. On average, this is from $1.5 per 1,000,000 image views.
The first demo of 10,000 views is free.

10,000
views

free

Try it out How to choose a package?

1,000,000
views

$10.00 $7.00

Buy How to choose a package?

2,000,000
views

$14.00 $10.00

Buy How to choose a package?

5,000,000
views

$24.00 $18.00

Buy How to choose a package?

10,000,000
views

$40.00 $30.00

Buy How to choose a package?

20,000,000
views

$74.00 $55.00

Buy How to choose a package?

50,000,000
views

$165.00 $123.00

Buy How to choose a package?

80,000,000
views

$235.00 $176.00

Buy How to choose a package?

100,000,000
views

$282.00 $211.00

Buy How to choose a package?

View all packages

Why choose us?

189 reviews

A great solution for correct image compression
I really like this product! It has all the necessary functions for the appropriate image compression keeping the same image quality and there is no server load. For a user it looks like this – install it and you can forget about it. Google and users enjoy the site’s speed. I do recommend it.

Great product
Excellent product. It compresses images well and doesn’t worsen their quality. I recommend it.

Perfect solution
I hesitated before buying this product. Should I try it or not? I shouldn’t have waited. It’s certainly worth it. I used to have 2 GGb of images, now I have only 400 MB of them. It has provided me with almost 90% compression. It has resized all the images which I didn’t feel like doing myself. The settings can be customized. They have great customer support. They respond immediately with all the necessary help. They are said to be planning to upgrade the product with some improved features. To keep it short – I recommend it. Developers, thank you very much!

Cool solution
Saves a lot of time. Significantly accelerates the the site loading. Those who target for optimization will appreciate it. I recommend it

A worthy solution for optimizing graphical content
I was pleasantly surprised by this solution. Easy to set up and manage. I've been looking for something like that for a long time. Developers thank you so much !!!

Read all reviews

Smart CDN OptiPic

How does the CDN OptiPic work?

Converts to WebP - the next-gen image format Solves the problem "Serve images in next-gen formats" in Google Pagespeed Insights

Compresses images

Adapts for mobile phones

Caches and speeds up loading

How to connect CDN OptiPic?

Option #1: Use the plugin for your CMS

just enter the url of your site

Option #2: Universal connection through PHP (GitHub library)

Connection example via .htaccess

Connection example via php.ini

Option #3: Universal connection through Nginx proxy

Option #4: Connection via .htaccess (Apache proxying)

Option #5: Just change the URL of the images on your site!

It was not optimized

It has become automatically optimized

Get started now with the FREE package

One-time payment — no monthly fees

OptiPic supports all popular CMS and frameworks

Why choose us?

Contact us to get a free consultation

Converts to WebP - the next-gen image format
Solves the problem "Serve images in next-gen formats" in Google Pagespeed Insights

Connection example via `.htaccess`

Connection example via `php.ini`

Option #4: Connection via `.htaccess` (Apache proxying)

It was
not optimized

It has become
automatically optimized