How to batch regenerate thumbnails to adapt to new display size or style?

Calendar 👁️ 69

How to batch regenerate thumbnails after updating the website style or size? Let the content display shine anew

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.It is possible that the website has changed to a completely new template, the new template has specific requirements for the aspect ratio or display area of the images;Or perhaps it is to optimize the user experience on mobile devices, hoping to display thumbnails of different sizes on different devices.In any case, manually processing hundreds or even thousands of thumbnails on a website one by one is not only time-consuming and labor-intensive, but also prone to errors.

AnQi CMS knows the pain points of content operators in image management, therefore it provides a convenient and efficient feature that can help you easily cope with such challenges.Below, we will give a detailed introduction on how to batch regenerate thumbnails in Anqi CMS, so that your website content always maintains a **status.**

Understand the thumbnail settings: preparation before batch operations

The most critical step before executing batch thumbnail regeneration isClarify the style and size you want the new thumbnails to display. Because batch operations are based on the current system settings, it is crucial to configure these parameters in advance.

First, you need to log in to the website backend, find the "System Settings" in the left navigation bar, and then click "Content Settings." This is the core area where you manage the website's image processing methods, including several options closely related to thumbnails:

  1. Thumbnail Processing Method:

    • Scale proportionally to the longest sideThis method maintains the original aspect ratio of the image, adjusts the image to the specified size range without cropping.For example, if you set the size to 200x200, the original image is 400x800, and it may become 100x200 after scaling.
    • Trim according to the shortest edgeThis method ensures that the image completely fills the size you set, and may center crop the original image.For example, if you set the size to 200x200, the original image is 400x800, the cropped image will be a centered 200x200 image with the sides cut off.
    • Fill the longest sideThis method also maintains the original image ratio, but white will fill the areas where the image is smaller than the specified size.For example, if you set the size to 200x200, the original image is 400x200, the zoomed image might become 200x100, with 50 pixels of padding added to the top and bottom.

    Choose the most appropriate processing method based on your template layout and design requirements, as this will determine the thumbnail visual effect.

  2. Thumbnail sizeThis is the place where you specifically set the thumbnail width and height.For example, you can set it to '200x200' pixels.Please set the display size of the thumbnails according to the template of your website, an appropriate 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 certain content does not upload a dedicated thumbnail, the system will automatically use this default image for display, to avoid blank or incorrect display.

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

Batch regenerate thumbnails: Refresh website images with one click

Once all the settings related to thumbnails have been adjusted and saved, the next step is to batch regenerate thumbnails.

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

Click this button and Anqí CMS will start background processing tasks, traversing all the uploaded images on your website and automatically generating new thumbnail files according to your current settings for 'thumbnail processing method' and 'thumbnail size'.This process usually runs in the background and does not affect the normal access to the website, users can still browse your content normally.

Important reminder:

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

Inspection and Optimization After Operation

After bulk re-generation of thumbnails, your website content will have thumbnails that are uniform and comply with the new design standards, greatly 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, check if the newly generated thumbnails meet expectations and if the display effects are good.
  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 optimized, theoretically it should slightly improve the page loading speed. Continuously monitor website performance data to ensure the optimization effect.

Through this convenient feature provided by Anqi CMS, you can easily manage and update the thumbnail images of your website, ensuring that your content presents itself in an optimal way in any display scenario, providing an excellent browsing experience to users.


Frequently Asked Questions (FAQ)

1. Will regenerating thumbnails affect the original image I uploaded?I 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 retained in full, and will not be affected in any way.

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, the longer the time it takes. During the generation process, Anqi CMS will process it in the background, and your website can be accessed normally without interrupting the user's browsing experience.

Do I need to manually delete the thumbnail files of the old size after regeneration?The AnQi CMS will usually overwrite or replace the old thumbnail file when regenerating thumbnails to ensure that the image versions in the file system are the latest.However, as a good operational habit, after you confirm that the new thumbnail effect is correct, you can regularly check the image storage directory, clean up any redundant old files that may exist, and free up storage space.

Related articles

How to enable Webp image format to optimize image loading and display speed?

The loading speed of a website is one of the key factors in user experience and search engine optimization.Among many optimization methods, image optimization plays a crucial role.Image files often occupy a large part of the web page loading content, and if not handled properly, they can significantly slow down the website's response time.Luckily, AnQiCMS (AnQiCMS) provides support for WebP image format, which is an efficient image format that can significantly improve the loading and display speed of website images.What is the WebP image format?

2025-11-08

How does AnQiCMS handle remote images and display them as locally optimized versions?

In website content operation, images play a crucial role.They not only enrich the content and attract readers, but are also an indispensable part of search engine optimization (SEO).However, when our content contains a large number of images from external links, how to efficiently and optimally handle these remote images and convert them into the local advantages of our website has become a problem that needs to be solved.Luckyly, AnQiCMS provides very practical and powerful functions in this aspect, allowing us to easily achieve the localization and optimization of remote images.### The localization of remote images

2025-11-08

How to extend the content model through custom fields and display this additional information on the frontend page?

In AnQi CMS, the presentation of content is not limited to basic elements such as title and body.To meet the diverse content display needs of corporate websites, the system provides powerful content model custom field functions, allowing us to add various exclusive information according to specific business scenarios.This is like customizing a detailed profile for each content type, which is not only clear in backend management but also flexible on the frontend page, greatly enhancing the website's performance and user experience.Why do we need custom fields?

2025-11-08

How does the AnQiCMS recycle bin feature affect the display status and recovery of deleted content?

In the operation of daily websites, content management often comes with the risk of accidental operations, whether it is the accidental deletion of important articles or content that needs to be recalled after publication.A comprehensive content management system should not only provide efficient publishing tools but also have a reliable security mechanism.A safe CMS knows this and therefore provides a thoughtful trash can function, which plays a crucial role in content lifecycle management.### SecureCMS Recycling Station: Safe Harbor When you perform deletion operations on articles, products, pages, and other content in the SecureCMS backend

2025-11-08

How to set up automatic compression of large images to optimize the display of images during web page loading?

The secret weapon to improve website loading speed: Anqi CMS automatic large image compression function detailed explanation In today's fast-paced online environment, website loading speed is crucial for user experience and search engine rankings.Images are an important component of web content, and if they are uploaded without optimization, they often become the main culprit for slowing down website speed.Luckyly, Anqi CMS knows this pain point, built-in powerful and convenient image optimization features, especially for automatic compression of large images, which can help us easily solve this problem.

2025-11-08

How do various thumbnail processing methods (such as cropping and scaling) affect the display effect of images on the page?

The display effect of website images directly affects the first impression and attractiveness of the content for users.Among them, the thumbnail serves as the 'facade' of the content, and its presentation is particularly crucial.AnQiCMS (AnQiCMS) has provided us with a variety of flexible thumbnail processing options, allowing us to finely control the display effect of images on the page according to different design requirements.Next, let's delve into the characteristics of each of these processing methods, as well as how they will affect the visual presentation of our website.

2025-11-08

If the document does not upload a thumbnail, how to ensure that the page displays a default placeholder image?

The use of images is the key to enhancing the attractiveness of the page in website content operation.Especially the thumbnail, it plays the role of a 'facade' in scenarios such as list pages, recommendation positions, and so on.However, in the process of daily content publishing, there may be a lack of thumbnails due to negligence or the content itself not containing images, which not only affects the aesthetics and professionalism of the page, but may also reduce the desire of users to click.Luckyly, AnqiCMS provides us with a comprehensive solution to ensure that the page can display a default placeholder image gracefully even if the document does not upload a thumbnail.

2025-11-08

How to set up the website logo and filing number and ensure they are displayed correctly on the page?

## SecureCMS: Website Logo and Filing Number Setup and Display Guide A professional and compliant website cannot do without a clear brand identity (Logo) and necessary legal information (such as filing number).The Anqi CMS provides a convenient way to manage these important website elements and ensures they are displayed correctly on the page.This article will introduce in detail how to set your website logo and filing number in the Anqi CMS background, as well as how to correctly refer to them in the website template.### One, set up in the background First

2025-11-08