The display effect of picture materials is crucial during website operation.Sometimes, due to website template updates, design style adjustments, or considerations for optimizing performance, new requirements for the display size of image thumbnails on the website front page may be proposed.In this case, how to make a large number of images uploaded to AnqiCMS (AnqiCMS) generate appropriate thumbnails according to new size requirements, rather than manually processing one by one, has become a concern for many users.

AnqiCMS fully considers the actual needs of content operators, built-in convenient thumbnail batch processing function, allowing users to easily deal with such changes.We will introduce in detail how to use this feature of AnqiCMS to efficiently regenerate thumbnails in bulk.

Why do we need to regenerate thumbnails in batches?

Before we dive into the operation steps, let's understand why we need to regenerate thumbnails in batches:

  1. Adapt to new design or template:When the website changes the theme template or adjusts the layout of the existing template, such as article lists, product display pages, category pages, etc., these pages may require different proportions or sizes of thumbnails to achieve the **visual effect**.
  2. Improve loading speed and user experience:The original large image being directly scaled to display will increase the page loading burden.Generate thumbnails accurately based on the actual display area, which can significantly reduce the size of image files, thereby speeding up page loading and enhancing user experience.
  3. Optimize SEO performance:A unified and standardized image size and processing method helps search engines better understand and crawl website content, and also has a positive effect on the SEO optimization of images.

Important tips before operation

Before performing any batch operation, please note the following points:

  • Data backup:It is strongly recommended to make a complete backup of the website database and files before performing batch operations.Although AnqiCMS is well-designed in terms of functionality, it is best to be prepared and backup is the most effective means to ensure data security.
  • Confirm the new size:Fully understand the new thumbnail size (width and height) required for the front-end page and the thumbnail processing method to be adopted, which helps to configure it all at once.
  • Storage space:Regenerating thumbnails will create new image files on the server, which may consume additional storage space. Please ensure that there is enough space on the server to support this operation.

AnqiCMS 批量重新生成缩略图的详细步骤

AnqiCMS的批量重新生成缩略图功能集成在内容设置中，操作流程非常直观。

Step 1: Enter the content settings interface

Log in to the AnqiCMS backend management system.In the left navigation menu, find and click on , then select .This is all the global configuration items related to the website content.

Step 2: Adjust thumbnail size and processing method (if necessary)

In the "Content Settings

  • Thumbnail processing method:AnqiCMS provides various flexible thumbnail generation strategies:
    • Scale proportionally by the longest edge:This method will maintain the original image aspect ratio, resizing the longest side to the specified size, and the other side will be scaled proportionally. The image content is complete, but it may not match the display area size exactly.
    • Pad by the longest edge:The image content is displayed completely, and the extra space is filled with white to the specified size. Suitable for those who require strict size consistency and do not mind white space.
    • Crop by the shortest edge:The image will be cropped to center, ensuring the shortest edge reaches the specified size, with the excess on the longest edge being cropped off.This method ensures strict size matching, but may lose part of the image content. According to the new display size requirements of the front-end page, choose the most suitable processing method.
  • Thumbnail size: According to the new display size requirements of your website's front-end page, enter the width and height of the thumbnail (for example:200x150Representing 200 pixels in width and 150 pixels in height).

Third step: Execute batch regeneration

After adjusting the "Thumbnail processing method" and "Thumbnail size" (you can also set it directly here and proceed to the next step if you have not modified it before), scroll down the page and you will see an option called "Batch regenerate thumbnails".

Click the [Batch regenerate thumbnails] button next to this option.The system will pop up a confirmation prompt box to inform that this operation will regenerate thumbnails for all images uploaded to the entire site.Confirm after making sure, then click the "OK" button.

Fourth step: Confirm and wait

Click Confirm to start background processing task.This process time depends on the number of images on your website and server performance.Please be patient and avoid closing the page or performing other high-load operations during the task execution.The task completed, usually with a successful prompt.

Check and optimize after regeneration

After the batch regeneration of thumbnails is completed, some checks and follow-up optimizations are still needed:

  • Clean up system cache:Refresh the AnqiCMS system cache. Find the option in the background menu, click to execute the cleanup, to ensure that the new image path and size settings take effect immediately.
  • Clear browser cache:Please clear the browser cache (Ctrl+F5 or Command+R to force refresh) when accessing the website's front page to ensure that the latest thumbnails are loaded.
  • Check the front-end display:Thoroughly check the front-end key pages (such as the homepage, list page, detail page, etc.), confirm that the thumbnails are displayed normally according to the new size and processing method, without any stretching, blurring, or improper cropping.
  • Continuous performance monitoring:If the number of images is large, you can pay attention to the CPU and storage space usage of the server appropriately to ensure the stable operation of the website.

Tips

In order to better utilize the image processing feature of AnqiCMS, here are some additional suggestions:

  • Design comes first:When designing a website template, it is necessary to plan the image sizes and proportions of different areas in advance, so that it will be more convenient in the later content release and maintenance.
  • Set default values reasonably:In the "Content Settings
  • Using WebP format:AnqiCMS supports the "Enable Webp image format" feature, after enabling it, the uploaded JPG, PNG images can be automatically converted to WebP format, further reducing the image size and improving loading speed.

By following these steps, you can easily handle the change in thumbnail display size on the front page, ensuring that your AnqiCMS website always maintains** the visual effect and performance.

Common Questions (FAQ)

Q1: Will the operation to regenerate thumbnails affect the original image? Will my original image file be deleted or modified?A1: Thumbnail regeneration usually does not directly modify or delete your original image file.AnqiCMS will generate a new thumbnail file for each image based on the new settings and store it in the specified location.The front-end page will call these new thumbnails, and the original large image will continue to be retained as a backup or for other purposes.

Q2: If my website has a very large number of images, will generating thumbnails in bulk take a lot of time or affect website access?A2: Yes, if the number of images is very large, the batch generation process may indeed take a longer time and may occupy server resources (such as CPU) to some extent.Suggest choosing a time when the website has lower traffic (such as late at night or early in the morning) to perform this operation, in order to minimize the impact on user experience.

Q3: After regenerating the thumbnail, I found that the image display in a certain area is still incorrect, what could be the reason?A3: This may be caused by a variety of reasons.Firstly, please make sure that you have completely cleared the AnqiCMS system cache and your browser cache.{{item.Thumb}}or{{item.Logo}}）。Additionally, please check whether the 'Thumbnail Processing Method' and 'Thumbnail Size' set in the 'Content Settings' are completely matched with the actual display requirements of the area.