How to batch regenerate thumbnails after website style or size update? Let the content display焕然一新

With the continuous evolution of website design, or to adapt to different device displays, we often encounter situations where we need to adjust the thumbnail size and style of images.Maybe the website has changed to a brand new template, which has specific requirements for the aspect ratio or display area of images; or it is to optimize the user experience on mobile devices, hoping to display different sizes of thumbnails on different devices.Whether it is any situation, manually processing hundreds or even thousands of thumbnail images on the website not only takes time and effort but also is prone to errors.

The AutoCMS understands the pain points of content operators in image management and therefore provides a convenient and efficient feature to help you easily handle such challenges.Below, we will provide a detailed introduction on how to batch regenerate thumbnails in the Aiguo CMS, ensuring that your website content always displays in a **state**.

Understanding thumbnail settings: preparation before batch operations

Before executing the batch regeneration of thumbnails, the most critical step isDefine the style and size you want the new thumbnails to display. Because batch operations will be executed according to the current system settings, it is crucial to configure these parameters in advance.

First, you need to enter the website backend, find the "System Settings

  1. Thumbnail processing method:

    • Scale proportionally by the longest sideThis method will maintain the original aspect ratio of the image, adjusting the image to the specified size range without cropping.For example, if you set the size to 200x200, and the original image is 400x800, it may become 100x200 after scaling.
    • [en] : Crop to the shortest edge.This method ensures that the image is completely filled to the size you set, and it may perform a centered crop of the original image.For example, if you set the size to 200x200, and the original image is 400x800, the cropped image will be a centered 200x200 image, with the sides being cropped off.
    • Scale proportionally by the longest side with paddingThis method maintains the original image ratio, but will fill the white area if the image is smaller than the specified size.For example, if you set the size to 200x200, the original image is 400x200, and it may become 200x100 after zooming, with 50 pixels of padding added to each side.

    Select the most suitable processing method according to your template layout and design requirements, which will determine the thumbnail visual effects.

  2. Thumbnail sizeHere is where you specifically set the width and height of the thumbnail.For example, you can set it to '200x200' pixels.Please set the size according to the **display size** of the thumbnails in your website template. A suitable size can ensure clarity as well as page loading speed.

  3. Default Thumbnail Although it does not directly participate in batch generation, setting a default thumbnail is a good habit.When some content does not have an exclusive thumbnail uploaded, the system will automatically use this default image for display to avoid blank spaces or errors.

After you have carefully adjusted the parameters of "Thumbnail processing method" and "Thumbnail size", please make sure to click the "Save" button at the bottom of the page to ensure that your new settings have taken effect.

Batch regenerate thumbnails: One-click refresh website images

After all thumbnail-related settings have been adjusted and saved, the key step of batch regenerating thumbnails follows.

At the bottom of the "Content Settings" page, you will find a button named"Batch regenerate thumbnails".

Click this button after, the Anqi CMS will start background processing tasks, traverse all the uploaded images in your website, and automatically generate new thumbnail files based on your current settings of 'thumbnail processing method' and 'thumbnail size'.This process usually runs in the background without affecting the normal access to the website, and users can still browse your content normally.

Important reminder:

  • Data Override:The batch regeneration operation will overwrite the old thumbnail files based on the new settings.Therefore, it is strongly recommended that you back up the website data and image files before performing this operation, just in case.Although the Anqi CMS strives for stability and security in design, good backup habits can always provide additional protection.
  • Processing Time:The time for batch generation depends on the total number of images on your website and the performance of the server.The more images, the longer the generation time may be.Please be patient and avoid frequently refreshing the page or repeatedly clicking the button during the generation process.

Check and Optimize After Operation

After the batch thumbnail regeneration is completed, your website content will have uniform thumbnails that comply with the new design standards, significantly enhancing visual consistency and professionalism. At this point, it is recommended that you:

  1. Random inspection:Visit the front page of your website, randomly inspect several articles, products, or category pages, and check whether the newly generated thumbnails meet expectations and have good display effects.
  2. Clear browser cache:Sometimes, due to browser caching, you may not see the latest thumbnails immediately.Please try clearing your browser cache or access in incognito mode to ensure that the latest images are loaded.
  3. Focus on page loading speed:If you adjust the thumbnail size to be smaller or more optimized, theoretically it should slightly improve the page loading speed. Continue to monitor website performance data to ensure the optimization effect.

Through this convenient feature provided by AnQi CMS, you can easily manage and update the thumbnails of website images, ensuring that your content presents itself in a perfect posture in any display scenario, providing users with an excellent browsing experience.

Common Questions (FAQ)

1. Will regenerating thumbnails affect the original image I uploaded?Will not.Batch regenerate thumbnails will only create or update thumbnail files used by the website based on the parameters you set. The original image files you initially uploaded will be completely preserved and will not be affected.

2. How long will it take to regenerate thumbnails in bulk? Can the website be accessed normally during the operation?The time required depends on the number of images on your website and the performance of the server.The more images, the lower the server configuration, and the longer the time consuming.During the generation process, the CMS will be processed in the background, and your website can be accessed normally without interrupting the user's browsing experience.

3. Do I need to manually delete the old thumbnail image files after regeneration?The Auto CMS usually overwrites or replaces the old thumbnail file when regenerating thumbnails to ensure that the image version in the file system is the latest.However, as a good operational habit, you can regularly check the image storage directory after confirming that the new thumbnail effect is correct, and clean up any redundant old files that may exist to free up storage space.