Web Optimization
Large images slow down the loading of your web pages, resulting in a poor user experience. The image optimization process uses a plugin or script to minimize the size of an image's file, which improves page load speed.
Internal CSS – This option enables the internal display of all major CSS instead of external linking. It will help to improve the Google page speed score..
Enable Optimization – This option allows the admin to enable or disable image optimization on the system. When enabled, optimized data is displayed.
Separate Images for mobile version – When a specific size (pixel) is selected, the system will create a mobile version image for Banner and Product Gallery Images of the selected size. If the 'None' option is selected, no mobile version image will be created.
Generate Webp Image – Enable this option to create a Webp image for your website. When this option is activated, the system will generate a Webp image and display it on the website instead of the image uploaded in the Admin Panel. If the user's browser does not support this format (Webp), the uploaded or optimized picture will be displayed.
Resize/Optimize Image – Enable this option to rezise or optimize the uploaded image. Image optimization and resizing will be based on the "Maximum image width/Height" given in the settings as per the different sections.
Maximum Image width/height – This is the maximum width/height to which images will be resized/optimized, and it will be added to the Pixel.
Image Quality – Select the image quantity in pixels from the dropdown that will be maintained after resizing or optimizing.
Image Box Height – To display the image on both desktop and mobile devices, use pipeline as a separator to specify the image box height for each.
Once you've finished configuring all, click the "Save" and "Optimize Button" in the top right corner to start the optimization process.
If you don't want to optimize all images and only want to optimize select images, you may use the "Optimize Button" for the specific sections.
Note: Depending on the quantity of images to be optimized, this procedure may take some time.
Content Image and Website logo section is used to optmized the respected images, It have two configuration options.
- Generate Webp Image: This setting is used to display the image in Webp format rather than the admin uploaded image; if the browser does not support Webp images, the image will be displayed in the admin added format.
- Image Quality: To display the image quality to maintain after the optimization process, the admin can pick the image quantity from the dropdown list.
If you want to optimize the images of any particular product then, navigate to the Admin >> Products >> Products and click on rocket icon against the selected product.
If you want to optimize the images of product additional options, go to Admin >> Products >> Product Options and select Image Optimization icon for the respective option.
