During the operation of a website, the presentation effect of images often directly affects user experience and the professionalism of content.Slow loading speed, inconsistent size, and incompatible formats can all lead to visitor loss.Luckyly, AnQiCMS provides us with a variety of powerful image processing features in the content settings, allowing us to manage images in a refined manner and create an excellent visual experience for the website content.
Next, let's delve deeper into how these features affect the display of images on websites.
1. Automatically download remote images: control the source and stability of image sources.
Imagine you have meticulously written an article, referencing images from an external website.If one day, the image link of this external website fails or their server has a problem, then there will be a blank 'image lost' in your article, which will undoubtedly greatly harm the user experience.
The 'Download Remote Images' feature of AnQiCMS is designed to solve this pain point.After you enable this feature, the system will automatically download and store the external images you refer to in the content on your own server.
The benefits of doing this are obvious: your images will have independent storage space and will no longer be limited by the stability of external websites.This means faster image loading speed, stronger control over image content, and better support for SEO - search engines tend to crawl and index image resources hosted on your own domain.Of course, if you are already using an image hosting or CDN service to manage images and are confident in their stability, then you can choose not to download remote images to avoid duplicate storage.
2. WebP format: improves loading speed, optimizes user experience
In the current internet environment where speed is pursued to the extreme, the choice of image format is particularly important.The traditional JPG, PNG formats ensure image quality while often having large file sizes, slowing down page loading.And WebP, as a new generation image format developed by Google, can significantly reduce file size under the same quality.
The 'Enable WebP Image Format' feature of AnQiCMS allows you to easily embrace this technological advantage.Once you enable this feature, all uploaded JPG, PNG images will be automatically converted to WebP format.This means that your website images will load faster without any change in visual effects, effectively reducing user waiting time, lowering the bounce rate, and indirectly improving search engine rankings.For non-WebP format images uploaded previously, AnQiCMS also provides a convenient batch conversion tool, allowing your entire website to enjoy the performance benefits brought by WebP.
3. Auto-compress large images: intelligently manages image size and storage
Many times, we inadvertently upload images that are too large in size, these images not only occupy a large amount of server storage space, but also seriously affect the page loading speed.AnQiCMS acts like a caring butler, through the settings of 'whether to automatically compress large images' and 'auto-compress to a specified width', helping us intelligently manage images.
When you enable 'Auto-compress large images' and set an appropriate 'specified width' (such as 800 pixels), the system will automatically detect and compress images that exceed the set width during image upload.This feature avoids the麻烦 of manually adjusting image sizes, ensuring that all images are presented at a reasonable size, which guarantees the visual effect and saves storage space and bandwidth, making page loading smoother.It is suitable for all uploaded images, including images used in article content, and guarantees the optimization of image resources from the source.
4. Thumbnail processing method: Refine the visual consistency of the content list
The display effect of thumbnails in places like list pages and recommended positions is crucial for the overall aesthetics and layout consistency of the website, excluding the images within the main content of the article.AnQiCMS provides three flexible thumbnail processing methods,配合“thumbnail size”settings, allowing you to finely manage thumbnails according to different design requirements.
Scale proportionally to the longest side: This method is the most effective in maintaining the original appearance of the image. It will resize the image based on the thumbnail size you set,longest side(Whether it is width or height) scale to the specified size and adjust the other side proportionally.If the thumbnail size is 200x200, a 400x800 image will become 100x200, and an 800x400 image will become 200x100.The image will not be cropped, but blank edges or images of different proportions may appear visually inconsistent.
Fill the longest sideIf you aim for complete uniformity in the gallery or list page image boxes and do not want to lose any part of the image, this setting is very appropriate.The system will resize the image proportionally to the specified size by the longest edge, then center the resized image within the thumbnail frame, filling the unused parts with white (or any preset color).This way, regardless of the size of the original image, all thumbnails will display the same size and have neat border effects.
Trim according to the shortest edge: If you have very high requirements for the uniformity of the image presentation, for example, if you want the images on the list page to form a perfect grid layout, then 'crop by shortest side' is the ideal choice.The system will crop based on the shortest edge of the image, ensuring that the thumbnail completely fills the 'thumbnail size' you set.For example, an image of 400x800, if the target size is 200x200, it will crop from the middle area, retaining a 400x400 section, and then resize to 200x200.This method may cause the loss of content at the edges of the image, but it can achieve excellent visual unity.
“Thumbnail size” directly determines the final pixel size of the thumbnail. It is recommended to set it according to the actual design requirements of your website template to avoid unnecessary image volume.When you adjust the thumbnail processing method or size, the "Batch regenerate thumbnails" feature of AnQiCMS becomes particularly important, as it can update all uploaded image thumbnails in one click, ensuring that the website's front-end displays the latest and unified effects.
In general, the image processing options provided by AnQiCMS in the content settings give us full control over the display effects of website images.In order to optimize page loading speed, improve SEO performance, or create a unified and beautiful visual style, these features can become our powerful operational tools, making the website content more attractive.
Frequently Asked Questions (FAQ)
Q1: Why didn't the previously uploaded images change to WebP format after I modified the WebP format settings?A1: “Whether to enable the WebP image format” this setting only applies to youAfter enablingThe newly uploaded image has taken effect. For previously uploaded non-WebP format images, AnQiCMS provides a 'WebP conversion tool' at the bottom of the 'Content Settings' page, which you can use to batch convert all images on the site to WebP format.
Q2: I adjusted the thumbnail processing method and size, but the image on the front page of the website did not change at all. What went wrong?A2: Changes to thumbnail settings usually do not immediately reflect on thumbnails that have already been generated.You need to go to the 'Content Settings' page, find the 'Batch Regenerate Thumbnails' feature and click to execute.This will regenerate thumbnails for all related images based on your latest settings.In addition, don't forget to clear your browser cache or access in incognito mode to ensure you see the latest effects.
Q3: 'Auto-compress large image' feature also applies to the images I insert in the article editor?A3: Yes, the "Auto Compress Large Image" feature of AnQiCMS is in the imagewhen uploadingIt takes effect.No matter if you upload a thumbnail through the "Document Image" field or directly upload an image in the article editor, the system will automatically compress the image if its size exceeds the width you set.This ensures that the images in the article content also maintain a reasonable size, avoiding the impact on page loading speed due to large images.