In this era of pursuing speed and visual experience, the loading efficiency of website images is directly related to user retention and search engine ranking.We all hope that the pictures on the website can be presented in high definition and appear to the users quickly.AnQiCMS provides us with very practical solutions in image processing, helping us easily optimize website images and make the website run more smoothly through functions such as WebP format conversion, intelligent large image compression, and diverse thumbnail generation.
WebP Format Conversion: The Balance Between Lightweight and High Definition
WebP is a modern image format developed by Google, known for its excellent compression rate and high quality.相比传统的 JPG、PNG 格式，WebP 图片在保持相近甚至更好视觉效果的同时，文件体积通常能大幅减小。This means that the website loads faster, users can see the content faster, and it also saves bandwidth and storage space for the server.
Intelligent Large Image Compression: Say Goodbye to Bulky, Improve Loading Speed
In addition to image formats, the original size of images is also an important factor affecting website performance.Many times, the high-definition original images we upload do not need such high resolution on the web page, and large files will actually slow down the loading speed.AnQiCMS performs very intelligently in this aspect, with a built-in feature of 'Whether to automatically compress large images'.
When we enable this feature, the system will intelligently judge the size of the uploaded images.If the image width exceeds the threshold we set, it will automatically compress the image, significantly reducing the file size without明显降低图片视觉质量 significantly affecting the image's visual quality.Through the 'Compress to specified width automatically' option, we can flexibly customize the maximum width of images according to the design requirements of the website, such as setting it to 800 pixels.This way, all images with a width exceeding 800 pixels will be compressed to this width, ensuring the display effect of the images on the web page while avoiding unnecessary resource waste and loading burden.This feature effectively balances the quality of the image and the speed of loading, which is greatly beneficial to improving the user experience.
Diverse Thumbnail Generation: Precisely Adapt to Various Display Needs
When we upload images to articles, products, or pages, AnQiCMS can not only intelligently extract the first image from the content as a thumbnail, but also provides three refined thumbnail processing methods, allowing us to choose according to specific design requirements.
- Scale proportionally by the longest edge:This method ensures that the image content is complete and无损，no cropping is performed.The system will resize the image according to the thumbnail size we set, maintaining the original aspect ratio of the image, making the longest side fit the target size, and the other side adapt in proportion. This is often used in scenarios where the full theme of the image needs to be displayed.
- Pad by the longest edge:If the website requires a strictly unified thumbnail size but does not want to crop the image content, this method is very suitable.The image will be displayed completely within the set size frame and centered. Any areas that are not filled will be filled with a white or transparent background to ensure visual consistency of all thumbnails.
- Crop by the shortest edge:For scenarios where it is necessary to highlight the main subject of the image at the center, this method is very effective.The system will crop based on the center of the image, ensuring the shortest edge is complete, and the longest edge is cropped proportionally.Although some edge information may be lost, it can effectively focus the user's attention to the core content of the image.
Centralized configuration, easy management
Through these image optimization capabilities of AnQiCMS, we can ensure that the website images not only have excellent visual effects but also have the fastest loading speed and optimized file size, thereby significantly improving the overall performance, user experience, and search engine friendliness of the website.
Common Questions (FAQ)
问：After enabling WebP conversion, will the original JPG/PNG images be immediately converted to WebP?答：在您启用 WebP 选项后，新上传的图片将自动转换为 WebP 格式。For existing JPG or PNG format images on the website, the system will not automatically convert them.You need to find and use the "WebP Conversion Tool" on the "Content Settings" page, and manually click to perform batch conversion.
问：设置的“缩略图尺寸”是针对所有图片都生效，还是只针对某些类型图片？答：The "Thumbnail size" and "Thumbnail processing method" settings are global, and they will apply to all images that need to be displayed as thumbnails on the front-end page.For example, cover images for article lists, product lists, etc. will be generated and displayed according to your settings.
Question: If I turn on the automatic image size compression in large image mode, but there are some specific images I want to keep in their original size, does AnQiCMS support this?答：目前 AnQiCMS 的大图自动压缩功能是全局生效的。如果您希望某些特定图片保留原始尺寸而不被压缩，可能需要在上传前在本地手动调整这些图片的尺寸，确保其宽度在您设定的“自动压缩到指定宽度”阈值以下，或者暂时关闭