Optimize the website front-end loading and display, images are one of the key links.For us who pursue efficiency and a good user experience, properly handling site images is crucial.好在AnQiCMS（AnQiCMS）在这方面提供了非常实用的功能，通过WebP格式转换和自动压缩，我们可以显著提升网站的加载速度和图片显示效果。

WebP format: The new standard for images on modern websites

Enable WebP format in AnQi CMS is very simple.Please go to the "Background Settings" menu in the back end and then click "Content Settings".On this page, we will see an option named “Whether to start Webp image format”.Tick this option and save the settings, after which all newly uploaded JPG, PNG, and other images will be automatically converted to WebP format by the system.This greatly reduces our manual conversion of images.

Intelligent compression: Rational management of image size

On the "Content SettingsEnable this feature and the system will automatically compress images that are too large in size.By default, the image will be compressed to a width of 800 pixels, but we can flexibly adjust the value of 'Automatically compress to specified width' according to the design requirements of the website.This feature can effectively reduce the physical size of the image, thereby further reducing the file size and accelerating page loading.It is worth noting that the image compression judgment is based on width, so we can pay a little attention to the width setting when uploading.

More tips for image optimization

In addition to WebP conversion and automatic compression, Safe CMS also provides some auxiliary functions to help us better manage and optimize images:

  • Thumbnail processing methods and dimensions
  • Image Lazy Loading：Although AQiCMS provides WebP and compression features, front-end lazy loading technology is still an important means to improve user experience. For images in the article content, AQiCMS uses template tags such asarchiveDetailofContentField supportslazy="data-src"This property means that we can work with the frontend lazy loading JS library to load images only when they enter the user's field of view, further improving the loading speed of the first screen.
  • Select an appropriate image

Integrate image optimization into daily website operations, not only to improve technical indicators, but also to provide visitors with a smooth and pleasant browsing experience.These image optimization features provided by Anqi CMS are easy to operate and have significant effects, serving as a powerful assistant to enhance the competitiveness of the website.

Common Questions (FAQ)

问1：Why are some images still in JPG or PNG format despite my website having WebP conversion enabled?

This usually occurs because the WebP conversion feature only takes effect for 'images uploaded after enabling'.For images uploaded before enabling this feature, the system will not automatically convert them.You need to go to the "Content Settings

问2：开启图片自动压缩功能后，是否会影响图片清晰度或展示效果？

问3：图片优化后，除了速度提升，还有哪些具体好处？