In website operation, image resources play a crucial role, not only directly affecting user experience, but also being a key factor in the attractiveness of website content and Search Engine Optimization (SEO).An efficient CMS system should provide a complete set of image management and display mechanisms.AutoCMS (AutoCMS) considers this aspect quite thoroughly, providing a series of features to help users easily manage and optimize website image resources. Whether it's from classification and archiving, to intelligent processing and multi-scene display, it strives to be simple and efficient.

Next, we will delve deeper into how the Anqi CMS manages and displays website image resources.

1. Unified Management: The Core Function of the Image Resource Library

In the Anqi CMS backend, the management of image resources is concentrated under the 'Page Resources' section and the 'Image Resource Management' module.This is the collection point for all uploaded images and video resources on the website, where users can directly view all the media files that have been uploaded.

After entering the image resource management interface, the user will see a clear list displaying detailed information such as each file's thumbnail, filename, file type, upload time, file size, and image resolution.This not only facilitates the search for files, but also gives users a comprehensive grasp of the website's media assets.When you need to perform more detailed operations on an image, just click on the image to enter its detail page. Here you can view the original large image, even perform image replacement or deletion operations.It is worth mentioning that the picture replacement feature allows users to update the picture file without changing the picture URL address, which is very practical for maintaining the stability of the picture link and avoiding dead links.

This centralized management model greatly improves the reusability of image materials, avoids repeated uploads, and also allows managers to complete most daily operations related to images on a unified interface, greatly enhancing work efficiency.

二、 English classification：Build a clear image organization structure

With the continuous growth of website content, the number of image resources will also increase. If there is no effective organization, it will soon become disorganized and difficult to search and manage.Auto CMS is well-versed in this, providing powerful classification functions for image resources.

Users can directly create and manage image categories on the "Image Resource Management" interface.For example, different categories can be set according to the usage scenario of the image (such as 'product image', 'article illustration', 'banner image'), content theme (such as 'technology', 'lifestyle', 'food'), or time (such as 'event image for 2023').After creating categories, users can upload images to the specified categories and can also batch transfer uploaded images to be categorized under the corresponding categories.

Through this flexible classification mechanism, the website's image resources can be organized clearly and logically.This not only helps managers quickly locate the required images, but also lays a solid foundation for the subsequent planning and maintenance of the website content.

三、 Intelligent optimization and processing：Ensure efficient image display

The loading speed of website images directly affects user experience and SEO performance.The Anqi CMS integrates multiple intelligent optimization functions in image upload and processing to ensure efficient display of images on the front-end.These settings are mainly configured in the "Content Settings" module under "Background Settings".

  1. Automatic processing during upload:

    • Download remote images:Users can choose whether to download the image of the external link to the local.If enabled, all remote images referenced in the content will be automatically stored on the server, which helps improve the stability, controllability, and search engine crawling efficiency of the website.
    • WebP Image Format Conversion:The company supports automatically converting uploaded JPG, PNG, and other images to WebP format.WebP format images are usually smaller in file size than JPEG, PNG, and other formats under the same quality, which can significantly improve page loading speed.For images that have been uploaded but not converted, the system also provides a batch conversion tool for users to perform comprehensive optimization.
    • Automatically Compress Large Images:For high-resolution large images, the system can automatically perform compression processing to reduce file size, and can also customize the target width to which the image is compressed, for example, uniformly compressed to 800 pixels in width to meet web display requirements, while saving storage space.

  2. Thumbnail intelligent generation and management:

    • Multiple thumbnail processing methods:AnQi CMS provides three thumbnail processing methods:
      • Scale proportionally by the longest edge:Maintain the picture ratio and resize the longest side to the specified size.
      • Pad by the longest edge:Set the thumbnail size to fixed, the image is centered, and the insufficient part is filled with white.
      • Crop by the shortest edge:Center-crop the image to fit a fixed size while displaying the shortest edge completely. Each option is tailored to different design requirements, ensuring that the thumbnail is both aesthetically pleasing and fits the layout.
    • Custom thumbnail size:Users can accurately set the thumbnail size according to the template design requirements, and the system will automatically generate based on the selected processing method.
    • Default thumbnail:If no thumbnail is specified, the system can automatically use the preset default thumbnail for filling to ensure consistent display effects.
    • Batch regenerate thumbnails:When the thumbnail size or processing method changes, users can one-click batch regenerate all image thumbnails, saving the trouble of a lot of manual operations.

  3. Image copyright protection:To protect the copyright of original images, Anqi CMS also built-in image watermarking function.Users can configure the watermark style and position, automatically add watermarks when uploading images, effectively preventing image misuse.

Four, multi-scene display: let the picture shine brightly at every corner of the website

AnQi CMS seamlessly integrates the above managed and optimized image resources into various display scenarios of the website.

  1. Insert image in content editing:Whether it is editing documents (articles, products, etc.), single-page content, or categorized content, users can directly insert "uploaded image resourcesThis makes the combination of images with text content very convenient.

  2. Thumbnail display of content model:

    • Document Thumbnail:In the document (such as article, product) addition/edit interface, users can upload 'document image' as a thumbnail.If not manually uploaded, the system can also intelligently extract the first image in the content as a thumbnail.{{archive.Logo}}Get the link to the large image,{{archive.Thumb}}Get the thumbnail link to display.
    • Category and single page thumbnails:Similarly, users can also upload thumbnails (in the classification and single-page editing interface)Logo/Thumb) and use them on the frontend.{{category.Logo}}/{{category.Thumb}}or{{page.Logo}}/{{page.Thumb}}with labels like these.

  3. **Banner and Group Images