How to add Image Optimization
Publisher: Psychz Networks, January 13,2022Image optimization feature allows real-time image manipulation, optimization, and resizing across all web platforms. There are several optimization parameters available that you can apply to images before they undergo transformation like format, quality, Sharpness, border, etc. This makes it easy to create variations of an image for different use cases.
To add image optimization to a folder, please follow the steps given below
Dashboard > Tools > CDN > Performance > Image Optimization
Domain
Click on the "Select Domain" dropdown tab to select the domain to which image optimization should be applicable.
Location
Click "Select Location" to choose the location.
Note: If you choose '/' as location, all the images under this location will be optimized based on the parameters you provide.
Image Optimization (Toggle)
Use the Toggle button to enable/disable Image Optimization.
Alias
Alias allows you to assign a unique name for the location you choose to implement image optimization. Later on, you can differentiate various locations with the help of Alias name.
Parameters
Parameters are the filters/changes that you would like to apply on the images. You can either choose 1 or all the available parameters.
|
Quality |
Ranging from 1 - 100 where 1 being the lowest and 100 is the highest. Note: The heightest image quality will also be big in size. |
| Output Format | Available formats are JPEG | GIF | PNG | WEBP |
| Image | Width (Pixels) | Height (Pixels): You can define the width and height in pixel to standardize the size of the images across your website. |
| Canvas | Width (Pixels) | Canvas Color (Hex code): Canvas is the background on which the image will be placed. |
| Border | Width (Pixels) | Height (Pixels) | Canvas Color (Hex code): You can apply borders (of specific color) to all your images. |
| Blur | Radius (1-10) | Sigma (1 - 10): This will give your images a blur effect. Starting from the center (1) you can define the radius of blur effect upto 10. |
| Progressive | Progressive (JPEG only) (toggle button) YES/NO |
| Rotation | 0 - 360 degrees |
| Sharpen | Radius (1-10) | Sigma (1 - 10) |
| Unsharpen | Radius (1-10) | Sigma (1 - 10) | Amount (1 - 10) | Threshold (1 - 10) |