You know if you use Jetpack, Once you upload an image to your server Jetpack image CDN manipulate and serve images from their own server. But how they manipulate and optimize your website images? Simply, I am gonna explain that.
Multiple levels of caching
Jetpack photon is called is an image CDN, it follows a multi-level caching principle. At very first load it caches image content from remote servers and uses it for later requests. Moreover, jetpack uses a global CDN to serve the images as much as quick as possible.
You know there are a lot of image compression algorithms. Among them jetpack uses PngQuant, opting and pegoptim Consecutively. But the key thing is the compress is lossless compression. Means, compression keeping the image quality 100%.
There are few external tools like TinyPng, and others help to compress images but they follow the Lossy compression method. Lossy compression reduces the image quality terribly. If you have an image based website like a photography or step by step DIY projects then simply you will die, once you activate lossy compression and check back the image quality.
In lossless compression, the image size is a bit high but you don’t have to worry about that, coz you know, the images will serve from jetpack own server which they cache once you upload the image.
With photon, there is no mixed content issue. Mean, if you use SSL jetpack will also serve the images with SSL.
Supports Query Arguments
Image served by Jetpack image CDN in front of you can be cropped, filtered, resized and manipulate according to your need. Jetpack has an API and image manipulation is controlled by GET query string. Here is the list of query arguments.
There are few limitations Jetpack image CDN has. Like
- It can’t process images more than 55 megabytes.
- The individual image is cached forever if you like to refresh the image, you can’t. The only way is to change the image name with a new one.
- Few animated GIFs are not served perfectly always, its become transformed and resized.
However, the primary purpose of the photon is to load the image faster, the image quality should be high as well. In that case, Jetpack is awesome.
You may also like to read other cool features of Jetpack along with Jetpack CDN.
Jetpack optimizes images, reduce the image size from 10% and even more. So your image will lose its original quality. If you are a blogger or your website is not an image based website then that’s not a big deal. But if you are a photographer or you want to build your site as an image showcase than jetpack image CDN may harm your image original quality.
You know jetpack compresses based on two parameters they are quality and strip. The image quality is calculated out of 100. If you change a code snippets and set it 100 than jetpack will not compress the iamge any more.
In that case, just stop jetpack compression simply using the following code snippets to your functions.php
This is how jetpack compresses images, and you will have control over compression using just a few lines of code. Happy blogging!