How to configure the automatic image processing (WebP, compression, thumbnails) in the content settings of AnQi CMS?

As a person deeply familiar with Anqi CMS and proficient in website content operation, I know the importance of image optimization for website performance, user experience, and search engine ranking.The AnQi CMS provides a series of powerful automatic image processing functions that can help operators efficiently manage and optimize website image resources.Below, I will introduce how to configure the automatic image processing in the content settings of Anqi CMS, including WebP conversion, image compression, and thumbnail generation.

Access the automatic image processing settings

All configurations related to automatic image processing are concentrated in the backend content settings of Anqi CMS.To access these settings, you need to log in to the admin interface, then navigate to "Backend Settings", and select "Content Settings" from the left menu.In this area, you will find all options related to image processing.

Enable and manage WebP image format

WebP is a modern image format developed by Google, which can provide smaller file sizes than traditional formats such as JPEG and PNG, while maintaining similar or better visual quality.Enabling WebP format can significantly improve the loading speed of websites, especially for pages with many images.

In the "Content Settings", find the option to enable Webp image format.After you enable this feature, all new uploaded JPG and PNG images will be automatically converted to WebP format.This means that after you enable this feature, your image library will gradually be filled with optimized WebP images.

Images uploaded before this feature was enabled will not be automatically converted to WebP.If you want these old images to also enjoy the optimization brought by WebP, the document mentions that you can use the accompanying WebP conversion tool for batch processing.This means you can perform a character format conversion on all the site's images after changing the settings, thus achieving comprehensive image optimization.

Configuration for automatically compressing large images

High-resolution large images are frequently uploaded to the website. These images, when used directly without processing, will occupy a large amount of bandwidth and slow down page loading speed.The AnQi CMS provides the function of automatically compressing large images to solve this problem.

The "Auto-compress large images" option allows you to control whether the system compresses the size of the uploaded images.By default, this feature is disabled. Once enabled, the system will automatically compress the uploaded images to the specified width.The default compression width is 800 pixels, but you can adjust this value according to the actual needs of the website in the 'Auto compress to specified width' input box.It should be noted that image compression is performed based on width in proportional scaling, which means the height of the image will automatically adjust according to the original proportion without any distortion.This feature helps reduce storage space usage and improves the loading efficiency of images on web pages.

Thumbnail generation strategy and size management

The thumbnail is an indispensable element in the display of website content lists, and its size and generation method directly affect the layout and visual effects of the page.Anqi CMS provides flexible thumbnail processing options to meet different design requirements.

In the "Thumbnail processing method", the system provides three core strategies:

• Scale proportionally to the longest sideThis method ensures that all edges of the image are displayed completely.The system will resize the longest side of the image to the target size in proportion, and the other side will be adjusted proportionally according to the set thumbnail size.This thumbnail will make full use of space while fully displaying the image content.
• Fill the longest sideIf you need a fixed-size thumbnail without cropping the image content, this option is ideal.The system will scale the image proportionally to fit the thumbnail size. If the aspect ratio of the image does not match the target size, the insufficient part will be filled with white (or a configurable background color) to center the image on a fixed-size canvas.
• Trim according to the shortest edgeThis method will crop the image to completely fill the set thumbnail size.The system will center-crop the longer side of the image to match the shortest side, thereby generating a thumbnail that completely fills the target size.This method is often used for thumbnails that require a uniform visual ratio (such as square), but may lose part of the image edge information.

After configuring the processing method, you need to set the specific width and height in the 'Thumbnail Size' to accurately control the output size of the thumbnail.It is recommended to set the appropriate size according to the design requirements of the front-end page, to avoid generating too large or too small thumbnails, which may affect user experience.

Moreover, the 'Default Thumbnail' option allows you to upload a placeholder image.When the thumbnail content is not specified, the system will use this default image for display to ensure that the website maintains good visual integrity in all cases.

The "Batch Regenerate Thumbnails" feature is particularly important after you have modified the thumbnail processing method or size.Through this feature, you can one-click regenerate thumbnails for all existing images on the website to match the latest configuration, thus avoiding the麻烦 of manual operation and ensuring the consistency of thumbnails across the entire site.

Operation suggestions

Fully utilizing the automatic image processing function of Anqi CMS is the key to improving website operation efficiency and user experience.According to the type and content characteristics of your website, flexibly configure WebP, image compression, and thumbnail settings.For e-commerce websites mainly focused on product displays, WebP and precise thumbnail cropping can greatly enhance the loading speed and visual appeal of product pages;For content information websites, reasonable image compression and uniform thumbnail size help maintain page neatness and reading fluency.These intelligent processing will save you a lot of time manually optimizing images, allowing you to focus more on content creation and website promotion.

Frequently Asked Questions (FAQ)

1. After enabling the WebP feature, will the pictures I uploaded before be automatically converted to WebP format?Enable WebP feature after, only the new images uploaded after this setting takes effect will be automatically converted to WebP format.For images previously uploaded, you need to find and use the 'WebP conversion tool' or the 'batch regenerate thumbnails' feature on the 'Content Settings' page to batch convert or regenerate them, thereby applying the WebP format.
2. Will the image be compressed to 800px in width, and will it become an 800px x 800px square?Will not. The automatic compression of large images is only based on the "specified width" you set, and it will maintain the original aspect ratio of the image for proportional reduction.For example, if your original image is 1600px wide and 1200px high, setting the width to 800px will make the image 800px wide and 600px high, without changing the image ratio or forcing it into a square.
3. In what situation should you choose the thumbnail processing method of 'Crop by shortest side'?The "Trim to Shortest Edge" method is suitable when you need all thumbnails to have a fixed, uniform size (for example, list pages need all images to be square or a specific rectangle), and the central content of the image is the most critical.This method ensures that the thumbnail fills the specified size by trimming the minor information from the edges of the image, thus achieving a visually uniform look, but you need to make sure that the trimming does not affect the core expression of the image.