In today's fast-paced online environment, website loading speed has become a key indicator of user experience and search engine rankings.If your website has many images, they are likely slowing down your website speed quietly.Luckily, AnQiCMS fully considers this point and provides the image auto-compression and WebP format conversion function, which can effectively accelerate page loading, making your website 'fly'.

Why is image optimization so important?

Imagine, when a user visits a page, if the images do not display or load slowly, they may lose patience and leave directly.Search engines also prefer websites with fast loading speeds because this means a better user experience, which directly affects your website's ranking.In addition, optimizing images can also reduce the bandwidth consumption and storage space of the server, which is a win-win situation.

Traditional JPG, PNG images are widely used, but they are often less efficient in file size than the modern WebP format.While uncompressed high-definition images are the 'heavier burden' for page loading.These features provided by AnQiCMS are exactly to help us easily solve these pain points.

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

AnQiCMS deeply understands the importance of image optimization, therefore integrating these two features into the backend 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 on content creation and operation.

Enable the image automatic compression feature

To make your images automatically "slim down", the operation is very simple:

Firstly, log in to the AnQiCMS backend, navigate toGlobal Settingsthe menu, and then clickContent Settings.

In the content settings page, you will find a name ofwhether to automatically compress large imagesSelect the option. Enable it. Once enabled, AnQiCMS will automatically compress the images you upload.

Immediately after, the following will appearCompress automatically to specified widthThe settings item.This value is set to 800 pixels width by default.You can enter an appropriate width value based on the actual needs of your website, such as how wide your main content area is typically.It should be noted that the image compression mechanism of AnQiCMS is currently mainly based on the image width for judgment and adjustment.Set this width reasonably to ensure clear display of the image on the web page while significantly reducing 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, which, while maintaining image quality, can provide smaller file sizes than JPG or PNG formats, further accelerating your page loading.

Similarly, inGlobal SettingsunderContent Settingsthe page, you will see an option namedwhether to enable Webp image formatEnable it.

Enable this feature and 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, there may already be a large number of non-WebP image formats accumulated on your website.AnQiCMS also thoughtfully considers this point.WebP conversion toolOr a similar entry, which can help you batch automatically convert all uploaded images on the site to WebP format.This way, even the images in the old content can enjoy the optimization effects brought by WebP, making all the images on the site look fresh.

Optimization Effects and Precautions

After enabling these features, your website will experience a significant increase 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 also some related settings worth paying attention to, which are also located inContent SettingsPage:

  • Thumbnail processing methodandThumbnail sizeAccording to the website layout, setting appropriate thumbnail size and processing methods (such as proportional scaling by the longest edge, cropping by the shortest edge, etc.) can further optimize the loading speed of list pages 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 front-end of the website can immediately reflect these changes, you may need to clear your browser cache or perform it in the AnQiCMS backendUpdate the cacheOperation.

These built-in features provided by AnQiCMS make image optimization no longer a繁琐 technical task.A few simple steps to set up, and your website will be faster and more efficient, providing a smoother browsing experience for visitors.

Common Questions and Answers (FAQ)

1. Will the images I uploaded to my website before the WebP conversion feature is turned on be automatically converted?

Will the 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 the image maintains good visual quality at the specified width.And the WebP format is known for its efficient compression, providing similar, if not better, image quality at smaller file sizes than JPG or 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 front-end website did not take effect immediately. Why is that?

This is usually due to browser cache or website server cache.When you modify the backend settings, the browser may still display the old version of image resources.You can try clearing 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.