How to enable automatic image compression and WebP format conversion in AnQiCMS to improve page loading speed?

Calendar 👁️ 68

In today's fast-paced online environment, website loading speed has become a key indicator of user experience and search engine ranking.If your website has many images, they may be slowing down your website speed quietly.Well, AnQiCMS fully considers this point and provides us with automatic image compression and WebP format conversion functions, which can effectively accelerate page loading and make your website fly.

Why is image optimization so important?

Imagine when a user visits a page, if the images take too long to display or load slowly, they may lose patience and leave directly.Search engines also prefer websites that load quickly, as this means a better user experience, which directly affects your website's ranking.Moreover, optimizing images can reduce the server's bandwidth consumption and storage space, which is a win-win situation.

The traditional JPG, PNG images are widely used, but they are often less efficient than the modern WebP format in terms of file size.And uncompressed high-definition images are an even heavier burden on page loading.These features provided by AnQiCMS are exactly what we need to easily solve these pain points.

AnQiCMS's image optimization tool: automatic compression and WebP conversion

AnQiCMS understands the importance of image optimization, therefore integrating these two features in the background allows website operators to achieve automatic image processing without complex technical operations.This means you can permanently solve most of the slow image loading problems, and focus more energy on content creation and operation.

Enable the automatic image compression feature

To automatically “slim down” your images, it's very simple:

First, log in to the AnQiCMS backend and navigate toGlobal SettingsMenu, then clickContent settings.

In the content settings page, you will find a namedWhether to automatically compress large imagesThe option. Switch it to enabled status. Once enabled, AnQiCMS will automatically compress the images when you upload them.

Next, the following will appear.Automatically compress to a specified widthThe setting item. This value is set to 800 pixel width by default.You can enter an appropriate width value according to your actual website needs, such as how wide the main content area of your article is usually.It should be noted that the image compression mechanism of AnQiCMS is currently mainly based on the width of the image for judgment and adjustment.Reasonably set this width, it can ensure that the image is clearly displayed on the web page and can also greatly reduce the file size.

Enable WebP format conversion for lighter images

In addition to compression, converting images to WebP format is another powerful optimization method.WebP is an image format developed by Google that, while ensuring image quality, can provide smaller file sizes than JPG or PNG formats, further speeding up your page loading.

Similarly, inGlobal SettingsbelowContent settingsOn the page, you will see a namedWhether to enable Webp image formatoption. Enable it.

After enabling this feature, all newly uploaded JPG, PNG images will be automatically converted to WebP format.This means that from now on, every image you upload will be displayed to users in a more efficient manner.

Of course, your website may have accumulated a large number of images in non-WebP formats.AnQiCMS also thoughtfully considered this point.After enabling the WebP feature, you will find one nearbyWebP conversion toolOr a similar entry, it can help you batch automatically convert the images uploaded to the entire site to WebP format.In this way, even the images in the old content can enjoy the optimization effect brought by WebP, making all the images on the site look fresh.

Optimization effects and precautions

Turning on these features will give your website a significant boost in loading speed, which not only improves the user's browsing experience and reduces the bounce rate but also adds points to your SEO performance and effectively saves server storage space and bandwidth costs.

During the process of image optimization, there are still some related settings worth paying attention to, which are also located inContent settingsPage:

  • Thumbnail Processing MethodandThumbnail sizeAccording to the website layout, set appropriate thumbnail size and processing methods (such as proportional scaling by the longest side, cropping by the shortest side, etc.), which can further optimize the loading speed of the list page and thumbnails.
  • batch regenerate thumbnailsIf you have modified the thumbnail size settings, you can use this feature to uniformly update the thumbnail versions of all uploaded images.

After completing these settings, to ensure that the website front-end can immediately reflect these changes, you may need to clear the browser cache or perform it in the AnQiCMS backendUpdate CacheOperation.

Through these built-in features provided by AnQiCMS, image optimization is no longer a cumbersome technical task.Simple steps to set up, and your website will be faster, more efficient, and provide a smoother browsing experience for visitors.


Frequently Asked Questions (FAQ)

1. Will the images I uploaded to my website earlier be automatically converted after enabling the WebP conversion feature?

The conversion will not be automatic. After enabling the WebP conversion feature, it will only take effect on the JPG or PNG images you upload *after that*, converting them automatically to WebP format.However, AnQiCMS usually provides a "WebP conversion tool" or "batch conversion" feature, which you can find in the content settings page, used to batch convert existing images on the website to WebP format.

2. Will automatic image compression and WebP conversion affect the clarity of my images?

The auto-compression of large images is to achieve a balance between visual effects and file size.The default compression algorithm of AnQiCMS usually ensures that images maintain good visual quality at the specified width.And the WebP format is known for its efficient compression, it can provide similar or even better image quality with smaller file sizes than JPG and PNG.If you are not satisfied with the compressed effect, you can try adjusting the value of 'Auto-compress to specified width'.

3. I modified the image optimization settings in the background, but the website on the front end did not take effect immediately, why is that?

This is usually due to browser or website server caching.After you modify the background settings, the browser may still display the old version of the image resources.You can try to clear your browser cache, or find the 'Update Cache' feature in the AnQiCMS backend and execute it to ensure that the latest configuration of the website can be loaded in time.

Related articles

How to safely output article content containing HTML tags in AnQiCMS templates (to prevent XSS)?

When processing article content that contains HTML tags in AnQiCMS templates, securely outputting is a crucial issue, as it directly concerns the safety and user experience of the website.Especially when the content of the article may be input by the background rich text editor, or when comments and messages submitted by users contain custom HTML, improper handling is likely to be attacked by cross-site scripting (XSS).AnQiCMS as a content management system that focuses on security and efficiency, provides the corresponding mechanisms to help us meet this challenge.Understanding Risk

2025-11-08

How to set and display the website filing number and copyright information at the bottom of the AnQiCMS page?

The website's filing number and copyright information are important elements that demonstrate the compliance and professionalism of the website. They usually appear in the footer, providing visitors with a sense of trust.In AnQiCMS, setting and displaying this information is simple and efficient.We will guide you through this process, ensuring that the key content is clearly presented at the bottom of your website. ### Step 1: Set the record number and copyright information in the AnQiCMS background First, log in to your AnQiCMS background management interface. This is the starting point of the basic information configuration for all websites. 1. **Navigate to the global feature settings:**

2025-11-08

How to display the title and link of the previous and next articles on the article detail page?

In website content operation, improving user experience and content browsing depth is indispensable.After a visitor finishes reading an article, if they can easily browse to the titles and links of the "previous" and "next" articles, it will undoubtedly greatly encourage them to continue exploring the website's content, thereby extending their stay time, reducing the bounce rate, and even having a positive impact on the overall SEO performance of the website.AnQi CMS is an efficient and customizable content management system that fully considers this user requirement.A safe CMS to simplify the implementation of this common website feature provides intuitive and powerful template tags

2025-11-08

How to call the category list and display the number of articles under it in AnQiCMS template tags?

In a content management system, effectively organizing and displaying content is the key to improving user experience and website SEO performance.AnQiCMS provides powerful and flexible template tags, allowing developers to easily build richly functional page layouts.Among them, calling the category list and displaying the number of articles under it is a very common and practical demand in website navigation and content overview.This not only helps users quickly understand the content volume of each category, but also provides clear website structure information for search engines.<h3>Understanding `categoryList`

2025-11-08

How to determine in the template whether the current page is an article detail page or a category list page, and display different content?

In the template development of Anqi CMS, it is a common requirement to display different content according to the type of the current page (whether it is an article detail page or a category list page).This not only makes the website user experience more personalized, but also provides more fine-grained control in SEO optimization.Luckyly, AnQi CMS's powerful template engine provides an intuitive way to determine the context of the current page and conditionally render accordingly.Understanding AnQi CMS template context The AnQi CMS template engine is very intelligent, it renders pages at runtime

2025-11-08

How does AnQiCMS implement pagination display on the article list page?

In website content operation, especially when the list content of articles, products, etc. becomes increasingly rich, how to efficiently display this information while ensuring user experience and website performance is a problem that needs to be carefully considered.Long list pages not only load slowly but also tend to make visitors feel tired.It is particularly important to reasonably introduce the pagination display function at this time.AnQiCMS as a powerful content management system fully considers this operation requirement.

2025-11-08

How to set and call the TDK (Title, Description, Keywords) on the AnQiCMS backend homepage?

In AnQiCMS, the TDK (Title, Description, Keywords) settings on the homepage are an indispensable part of website SEO optimization, directly affecting the first impression of the website by search engines and the willingness of users to click on the search results and enter the website.AnQiCMS as a highly SEO-friendly content management system provides an intuitive and convenient way to manage this key information.

2025-11-08

How to display a list of recommended content related to the current article on the article detail page?

In content operations, the value of a high-quality article is not only in itself, but also in its ability to guide readers to discover more valuable content.Properly displaying a list of related recommended content at the bottom of the article detail page is an effective strategy to improve user experience, extend visit duration, and reduce the bounce rate.For users of AnQiCMS, implementing this feature is quite direct and flexible.AnQiCMS with its concise and efficient architecture provides powerful template customization capabilities for content managers.Implement related recommendations for the article detail page

2025-11-08