Next, we will explore together how to skillfully configure the image processing method in AnqiCMS's content settings, including WebP format conversion, intelligent compression, and a variety of thumbnail generation, making your website images both 'lightweight' and 'high-definition'.

Enter picture settings: Find the optimized "Command Center"

To configure these image processing features, we first need to enter the AnqiCMS admin interface.In the left menu bar, find and click "Background SettingsHere is the central location for all image processing options, also known as our 'command center' for optimizing website image performance.

1. Enable WebP format: "Trim" and speed up pictures

WebP is a modern image format developed by Google, which provides excellent image quality with very high compression rates, usually 25-34% smaller than JPEG, and 26% smaller than PNG.This means that the file size is greatly reduced while ensuring the clarity of the image, thus significantly speeding up the loading speed of web pages.

In the "Content SettingsIf you want all the JPG, PNG and other images uploaded to the website to be automatically converted to WebP format, just check 'Enable'.

It is worth noting:

  • New automatic image conversion:Enable this feature and all new uploaded images will be automatically converted to WebP format.
  • Batch processing of existing images:For images uploaded before enabling the WebP format, AnqiCMS also provides a "webp conversion tool" with great care.You can use this tool to batch convert existing images on the entire site, allowing historical content to also enjoy the optimization effects brought by WebP.

Through WebP conversion, your website images can maintain visual appeal while significantly reducing the server's load and improving user access speed.

2. Smart Image Compression: Say goodbye to bulky original images

In "Content SettingsIf you enable this feature, AnqiCMS will automatically compress large images when uploading pictures.

  • Automatically compress to the specified width:When you enable large image compression, you will see an input box that says 'Automatically compress to specified width'.The default value is 800 pixel width.This means that if the original width of your image exceeds 800 pixels, the system will automatically compress it to a width of 800 pixels while adjusting the height proportionally.You can flexibly adjust this width value according to the actual needs of website design and content display.For example, if the maximum width of the main content area of your article is 1200 pixels, setting the compression width to 1200 pixels or slightly smaller will enable you to achieve a smaller file size while ensuring that the images are displayed clearly.

This feature allows you to process each image without manual handling, AnqiCMS will complete the optimization work silently in the background, making your website images clear and fast to load.

3. English: Flexible thumbnail processing: Detail and speed combined

Thumbnail plays an important role in a website, usually used in list pages, recommendation positions, or content summaries to quickly display an overview of the content with small-sized images, saving bandwidth and maintaining a tidy page layout. AnqiCMS provides three ways to process thumbnails to meet different design requirements: English

  • Scale proportionally by the longest edge:This method will resize the longer edge of the image to the specified length based on the thumbnail size you set, and the other edge will be scaled proportionally.Its advantage is that it can display all the content of the image completely without any cropping or missing.If your design requires the image to be fully displayed, this is a good choice.
  • Pad by the longest edge:If you need to strictly fix the width and height of the thumbnail while also displaying the full image content, 'Fill to the longest edge' is the ideal solution.AnqiCMS will resize the image to the specified size. If the image is not large enough to fill the entire area, the remaining part will be filled with a white background to center the image.This helps maintain visual consistency in the image area.
  • Crop by the shortest edge:This method will resize the shorter side of the image to the specified length and then crop the longer side to center, to fill the entire thumbnail area.Its advantage is that it can ensure that the thumbnail completely covers the specified size without any blank space.The drawback is that part of the image edge content may be cropped.If your design is more focused on image fillability and the main content is centered in the image, you can choose this method.

Cooperate with thumbnail processing methods, there are several key settings:

  • Thumbnail size: You can set an appropriate thumbnail size according to the actual display requirements of the website front-end page.For example, article lists are typically set to 200x150 pixels, while product lists may require 300x300 pixels.The appropriate size can effectively reduce the image size, avoiding bandwidth waste.
  • Default thumbnail:This is a very practical feature.If the thumbnail you uploaded for the document is not specified, AnqiCMS will automatically use the "default thumbnail" set here to display instead, which helps unify the visual style of the website and avoid blank or inconsistent image placeholders.
  • Batch regenerate thumbnails:When you modify the thumbnail processing method or size, you may need to regenerate thumbnails for previously uploaded images according to the new settings.This feature can be used to 'Batch regenerate thumbnails', AnqiCMS will update all the thumbnails of the old images with one click, no manual operation is required, which is very convenient.

Content operation tips: collaborative effect of image optimization

In addition to the core image processing configurations mentioned above, there are also two related options in the 'Content Settings' that can bring convenience to your content operation:

  • Whether to download remote images:If you reference external links' images in your article, enable this option, AnqiCMS will automatically download these remote images to your local server.This helps improve image loading stability and prevent external links from failing, which could cause the image not to display.
  • Whether to automatically filter external links:If you do not want external links to appear in the content, you can choose to enable this feature. AnqiCMS will automatically remove external links or addrel="nofollow"Label, this may be helpful for the SEO strategy of some sites.

By reasonably configuring the image processing function of AnqiCMS, you can not only significantly improve the loading speed of the website, enhance the user experience, but also optimize the website's SEO performance, providing high-quality visual content for search engines.These intelligent processing methods make content creation and operation more worry-free and efficient.

Common Questions (FAQ)

Q1: I modified the image processing settings of AnqiCMS backend, but the image on the front page seems to have not changed. Why is that?

A1:This situation usually occurs due to browser cache or AnqiCMS system cache.Firstly, you can try clearing your browser cache and forcing the browser to reload the latest images.Secondly, AnqiCMS itself also has a caching mechanism, you can find the 'Update Cache' feature in the left menu bar of the background, click to execute, and clear the system cache.If you modify the settings for WebP or thumbnails and wish to apply them to the previously uploaded images, please make sure to use the "WebP conversion tool" or the "Batch regenerate thumbnails" feature.

Q2: What kind of website is more suitable for enabling WebP and image automatic compression features?

A2:Almost all websites recommend enabling WebP and automatic image compression.Especially for websites with a large number of images and frequent content updates (such as news information, blogs, e-commerce product displays, photography portfolios, etc.), and websites with high requirements for mobile loading speed.These optimizations can significantly reduce the size of image files, speed up page rendering, thereby improving user experience and the friendliness of mobile access, which is also very beneficial for SEO.

Q3: How should I choose among the three thumbnail processing methods?

A3:Choose which thumbnail processing method to use mainly depends on your website design style and content display requirements:

  • **By the longest side