In today's content operation, the website loading speed is crucial for user experience and search engine ranking.The image as an important part of web content, its loading performance is often a key factor affecting the overall speed.AutoCMS (AutoCMS) knows this point, providing a convenient image optimization feature, especially converting images to WebP format automatically after upload, which can significantly improve the display speed of the website front-end.

WebP format: A booster for front-end loading speed

WebP is an image format developed by Google, designed to provide high-quality images with smaller file sizes.Compared to traditional JPEG and PNG formats, WebP images can typically reduce file size by 25% to 35% or even more while maintaining visual quality.This means that when your website images are in WebP format, visitors will spend much less time downloading the images, and the web page will load faster naturally.Faster loading speed not only enhances user satisfaction and reduces the bounce rate, but is also one of the key considerations for Search Engine Optimization (SEO).

How does Anqi CMS achieve automatic WebP image conversion?

The Auto CMS integrates image optimization into its core features, allowing users to easily convert images to WebP without complex additional configurations or third-party tools.This feature can be found and enabled in the "Content Settings" on the backend.

To enable this feature, you need to go to the Anqi CMS backend management interface, navigate toGlobal Settings, and then click.Content Settings. On this page, you will see a tab named “whether to enable Webp image formatThe options.Select this option to enable the system to automatically convert any new JPG or PNG images you upload to WebP format.This greatly simplifies the image optimization process, ensuring that new content on your website can enjoy the performance benefits of WebP immediately.

It should be noted that this setting will only take effect for new images uploaded after it is enabled. If your website already has a large number of non-WebP format images and you want to convert them to WebP for comprehensive optimization, the Anqi CMS also provides a convenientWebP conversion tool。You can use this tool to batch process the uploaded images, convert all images on the website to WebP format, thereby achieving comprehensive image loading speed improvement.

Image optimization is not just WebP: companion features improve loading speed

In addition to the WebP conversion, Anqi CMS also provides a series of complementary image optimization features to ensure the website loading speed.

  1. Automatic compression of large imagesIf the image size of your website is large and you do not want to occupy too much storage space or slow down the loading speed, you can enable the option 'Whether to automatically compress large images'.After turning on, the system will resize the image proportionally to the specified width as set by you, further reducing the file size.
  2. Thumbnail processing methodEnglish: The Anqi CMS supports various thumbnail generation methods, such as scaling by the longest side, padding by the longest side, and cropping by the shortest side.You can flexibly set the thumbnail size and generation method according to the design requirements of the front-end page to ensure efficient display of images in different scenarios and avoid loading unnecessary full-size images.

The combination of these features allows for optimization of images from multiple dimensions such as image format, file size, and dimensions, providing website visitors with a smoother and faster browsing experience.

How to view and verify the WebP effect?

After you have enabled the WebP conversion feature, you can verify whether the image has been successfully converted to the WebP format and is effective in the following ways:

  1. Browser Developer Tools：Open your website, press F12 to enter the browser developer tools, switch to the “Network (Network)” tab. Refresh the page and click on the loaded image file, check if its “Type (Type)” or “Content-Type (Content-Type)” is displayed asimage/webp.
  2. Online website performance testing tool：Use Google PageSpeed Insights, Lighthouse, and other tools to analyze your website.These tools will evaluate the image optimization of the website and will usually provide optimization suggestions such as 'encode images as WebP', if your images are already in WebP, this part of the suggestion will usually disappear or score very high.

How to use these optimized images in the template?

The method of calling images in Anqi CMS templates is very flexible, whether the image is converted to WebP or not, you can easily call it through a unified tag. For example, on the document detail page or list page:

  • Cover image: Can be used{{item.Logo}}(cover first image),{{item.Thumb}}(Cover thumbnail) or through loop{{item.Images}}(Cover group) to call. These images will be automatically output in WebP format after the WebP conversion is enabled in the background.
  • Content editor imageIn the document content:ContentFields that insert images will also be automatically provided in WebP format if WebP conversion is enabled. Furthermore, you can combine them in the template.lazyParameters, implement image lazy loading, further optimize page loading performance. For example:
    
{% archiveDetail articleContent with name="Content" lazy="data-src" %}
{{articleContent|safe}}
    Here are thelazy="data-src"It will load images according to the configuration of your front-end lazy loading plugin.srcattribute in the content withdata-srcThe translation of 'auto' is 'English', which is used to achieve the effect that images are only loaded when they enter the visible area, greatly reducing the initial page load burden.

Through these powerful and convenient image optimization features provided by AnQi CMS, you can easily transform technical details into tangible user experience improvements.From one-click settings on the backend to intelligent loading on the frontend, AnQiCMS enables your website to gain an advantage in speed competition, providing visitors with a faster and smoother browsing experience.

Common Questions (FAQ)

1. Why do some images on my website still remain in JPG or PNG format even though I enabled WebP conversion?The WebP automatic conversion feature of AnQi CMS is enabled by default only for the settings turned on新上传The image takes effect. If there are many non-WebP images on your website already, they will not be automatically converted. You can do this through the backend management.WebP conversion toolProcess these historical images in bulk and convert them to WebP format to optimize the images across the entire site.

2. What if the user's browser does not support the WebP format after enabling WebP conversion?WebP format is currently widely supported by most modern browsers (such as Chrome, Firefox, Edge, Safari, etc.).The AnQi CMS has fully considered image compatibility in its design. In most cases, even if the browser does not support WebP, the system will have an intelligent downgrade mechanism or directly display the original image format.However, considering that a very few very old browsers may not be supported, it is recommended that you perform compatibility testing before the website goes live.For the vast majority of users, WebP will bring a seamless and faster experience.

3. What is the difference between WebP conversion and image compression? Do I need to enable them simultaneously?WebP conversion is aimage formatThe optimization changes the image encoding method, thus achieving smaller file sizes under the same quality. Image compression is related to theexisting image formatsIn formats such as JPEG or PNG, reduce file size by adjusting the image quality when using WebP.They are complementary optimization means.The AutoCMS recommends enabling both WebP conversion and image compression features, which can optimize both image format and file size to the maximum extent, thereby significantly improving the image loading speed.