How does AnQiCMS handle the conversion of uploaded image webp format, large image compression, and thumbnail generation to optimize display performance?

In this era of pursuing speed and visual experience, the loading efficiency of website images is directly related to user retention and search engine rankings.We all hope that the images on the website can be displayed in high definition and quickly presented to the user.AnQiCMS provides us with a very practical solution in image processing, through functions such as WebP format conversion, intelligent large image compression, and diverse thumbnail generation, which helps us easily optimize website images and make the website run more smoothly.

WebP format conversion: the balance between lightweight and high-definition

WebP is a modern image format developed by Google, known for its excellent compression rate and high quality.Compared to traditional JPG, PNG formats, WebP images can maintain similar, if not better, visual quality while typically reducing file size significantly.This means that the website loads faster, users can see the content faster, and it can also save bandwidth and storage space for the server.

AnQiCMS took full advantage of this advantage of WebP.In the background "Content Settings" we just need to simply check the "Whether to enable Webp image format" option, and the system will automatically convert new JPG, PNG, etc. images to WebP format when we upload them.The entire process does not require any additional operation, upload and it is optimized.This undoubtedly greatly enhances efficiency for daily content publishing work.It is also worth mentioning that if our website has accumulated a large number of non-WebP images before enabling this feature, AnQiCMS also provides a convenient "WebP conversion tool" that can batch convert the uploaded images to WebP format, achieving a modern upgrade of the website's image assets and making the website's image assets焕发新的活力.

Intelligent large image compression: goodbye to bulkiness, improve loading speed

In addition to image formats, the original size of images is also an important factor affecting website performance.At many times, the high-definition original images we upload do not need such high resolution on the web page, and large files can slow down the loading speed.AnQiCMS performs very intelligently in this aspect, built-in with the function of 'whether to automatically compress large images'.

After enabling this feature, the system will intelligently judge the size of the uploaded images.If the width of the image exceeds the threshold we have set, it will automatically compress the image, significantly reducing the file size without significantly reducing the visual quality of the image.By selecting the "Auto-compress to specified width" option, we can flexibly customize the maximum width of images according to the website design requirements, for example, setting it to 800 pixels.This way, all images with a width greater than 800 pixels will be compressed to this width, ensuring the display effect of the images on the web page while avoiding unnecessary resource waste and loading burden.This feature effectively balances image quality and loading speed, greatly benefiting user experience.

Diversified thumbnail generation: accurately adapts to various display needs

Thumbnails play a "front door" role in the display of website content, they are important elements that attract users to click on article lists, product catalogs, news bulletins, and more.AnQiCMS provides high flexibility and automation in thumbnail generation to meet the display needs of different areas of the website.

When we upload images for articles, products, or pages, AnQiCMS can not only intelligently extract the first image from the content as a thumbnail but also provides three refined thumbnail processing methods for us to choose from according to specific design requirements:

1. Scale proportionally to the longest side:This method ensures that the image content is complete and intact without any cropping.The system will resize the image according to the thumbnail size we set, maintaining the original aspect ratio of the image, so that the longest side fits the target size, and the other side adjusts proportionally, commonly used in scenarios where the full theme of the image needs to be displayed.
2. Pad to the longest edge:If the website needs a strictly unified thumbnail size but does not want to crop the image content, this method is very suitable.The image will be displayed completely within the set size box and centered, with any insufficient areas filled with white or transparent background to ensure the visual consistency of all thumbnails.
3. Trim to the shortest edge:This approach is very effective for highlighting the main subject of the image in the center.The system will crop around the center of the picture, ensuring the shortest side is complete and the longest side is cropped proportionally.Although some edge information may be lost, it can effectively focus the user's attention on the core content of the image.

We can freely configure the "thumbnail size" in the "Content Settings" according to the requirements of the website template, for example, set it to 300x200 pixels.If the style or layout of the website changes in the future, the size of the thumbnails needs to be adjusted. AnQiCMS also provides a very practical 'batch regenerate thumbnails' function, which can update the thumbnails of the entire site with one click, saving a lot of trouble from manual processing.

Central configuration, easy management

AnQiCMS has concentrated all these powerful image optimization features in the background "Content Settings" module, making management and configuration extremely simple and intuitive.Whether it is to enable WebP conversion, adjust large image compression parameters, or select thumbnail processing methods and sizes, all can be completed on the same interface.This one-stop management model has greatly reduced the technical threshold and operational complexity of our website image optimization.

By these image optimization capabilities of AnQiCMS, we can ensure that the website images not only have excellent visual effects but also possess the ultimate loading speed and optimized file size, thereby significantly improving the overall performance, user experience, and search engine friendliness of the website.

Frequently Asked Questions (FAQ)

Ask: After enabling WebP conversion, will the original JPG/PNG images be immediately converted to WebP?Answer: After you enable the WebP option, new uploaded images will be automatically converted to WebP format.For images in JPG or PNG format already on the website, the system will not automatically convert them.You need to find and use the "WebP Conversion Tool" on the "Content Settings" page, and manually click to perform batch conversion.

Ask: Does the set 'thumbnail size' apply to all images or only to certain types of images?Answer: The "thumbnail size" and "thumbnail processing method" are global, and they apply to all images that need to be displayed as thumbnails on the front-end page.For example, cover images for article lists, product lists, etc. will be generated and displayed according to your settings.

Ask: If I turn on the automatic compression of large images, but I want to keep the original size of some specific images, does AnQiCMS support this?Answer: The large image automatic compression feature of AnQiCMS is currently global. If you want certain specific images to retain their original size and not be compressed, you may need to manually adjust the size of these images locally before uploading, ensuring that their width is below the threshold of "Automatic compression to the specified width" that you set, or temporarily turn it off.