In website content operation, thumbnails play a crucial role.It is not only the first visual entry for articles, products, and other content, but also directly affects the click-through rate, and is a key factor in the aesthetic arrangement of list pages and recommended positions.However, many times when we publish content, we may forget to upload thumbnails, or we may hope that the system can automatically handle it for efficiency.How does AnQiCMS intelligently generate thumbnails for our content without manual upload?

AnQiCMS has designed a thoughtful mechanism to solve this problem.When you are publishing an article, product, or single page, if no image is manually uploaded in the 'Document Image' or 'Thumbnail' section, AnQiCMS will not let your content display as blank or missing on the front end.Content body part.

If your content includes images, AnQiCMS will extractthe first detected image automaticallyAs a thumbnail of the content.This means that as long as you insert an image while editing the content, even if you forget to upload an image in the dedicated thumbnail field, the system can intelligently generate a thumbnail for it, ensuring the completeness and visual appeal of the content display.

This design greatly improves the efficiency of content publishing and avoids poor page display due to the omission of thumbnails.However, AnQiCMS's intelligent extraction is not immutable, it also provides a wealth of backend settings options, allowing you to finely manage and optimize the automatically extracted thumbnails according to your actual needs.

In AnQiCMS backend, you can go to the 'Content Settings' page under 'Backend Settings' to find multiple configurations related to thumbnails. This is the core area where you control the display of thumbnails:

Firstly"Thumbnail processing method". AnQiCMS provides three mainstream processing methods to meet different design styles and display requirements:

  • Scale proportionally by the longest sideThis method ensures that the image is displayed completely without any cropping.The system will resize the longest side of the original image to the specified size based on the thumbnail settings, and adjust the other side proportionally to ensure the image fits completely.If the thumbnail area is square and the original image is rectangular, there may be blank space.
  • Scale proportionally by the longest side with padding
  • [en] : Crop to the shortest edge.When you place a higher value on visual uniformity, for example, when all thumbnails on the list page must be strictly square and fill the entire area, 'Crop to shortest side' will be very practical.The system will first scale the shortest edge of the original image to the specified size, then crop the longest edge from the center outward to achieve the desired size, which may result in the edge parts of the image being cut off.

. Next is:. "Thumbnail Size"The settings.You can customize the width and height of the thumbnail according to the front-end design requirements, for example, set it to "200x150".The system will process the size you set here when automatically extracting or generating thumbnails.Reasonably setting the size can effectively reduce the size of the image file, speed up page loading, and enhance user experience.

Additionally, if you want to have a visual element in some extreme cases (for example, when both the content text and thumbnail fields do not have images), AnQiCMS also provides. "Default Thumbnail"The options. You can upload a universally applicable default image for the website. When there are no images to extract from the content, the system will use this default thumbnail as a fallback display.

It is worth mentioning that if you later adjust the thumbnail processing method or size and want these changes to apply to the content that has already been published, you can use"Batch regenerate thumbnails"Function. In this way, the system will reprocess all existing thumbnails based on the latest settings to ensure consistency in style.

Common Questions (FAQ)

  1. If the article content does not have any images, how will AnQiCMS handle the thumbnail?

  2. What does the "first image extracted from thumbnail" refer to? Does it only recognize images in the article editor?“The first image” refers to the first valid image encountered by the system when parsing the content text.This usually includes the images you upload or insert into the content through the editor.AnQiCMS will prioritize the selection from these images.

  3. Did the thumbnail of the old article update immediately after adjusting the thumbnail size setting on the back end?