How to manage and display image resources, and categorize them in AnQiCMS?

Secure CMS: The Path to Fine Management and Diversified Display of Image Resources

In a content management system, images act as the soul of visual content, and their management and display efficiency directly affect the overall quality and user experience of the website.AnQi CMS fully understands this and provides users with a comprehensive and flexible image resource management solution, from uploading and storage to intelligent processing, and to flexible display in various scenarios, all striving for the ultimate experience.

Centralized Management of Image Resources: The Home of Digital Assets

The Anqi CMS centrally manages all uploaded images and video resources under the 'Page Resources' module's 'Image Resource Management', which is like your digital asset library.You can easily browse all the visual materials on the website without them being scattered in all corners.

For a large number of image resources, the system provides a convenient classification function.On the image resource management interface, you can create different categories according to projects, themes, types, etc., and classify the images into corresponding folders.This means you can create independent categories for product images, article images, banner images, etc., which greatly improves the efficiency of search and management.For example, when you need to add an image to a specific category, you can directly enter the corresponding category for selection, without having to search through a vast sea of images.

In addition, this module supports batch operations, allowing you to select multiple images for deletion at once, or transfer them in bulk to specified categories, greatly simplifying daily maintenance tasks.Each image has a detailed profile, click the image to view its original large image, filename, file type, upload time, file size, image resolution, and access address, etc.If you need to update an image, the system also supports direct replacement, keeping the image URL unchanged, thus avoiding the problem of link expiration due to image updates.

Intelligent Processing and Optimization: Making Images '瘦身' and Speed Up

The Anqi CMS integrates multiple intelligent optimization features in image upload and processing, aimed at improving website loading speed, reducing storage space usage, and protecting your original content.These settings are mainly concentrated in the 'Content Settings' under the 'Background Settings'.

Firstly, the system can intelligently handle remote images. You can choose whether to automatically download the external link images referenced in the content to the local, which is very useful for ensuring the integrity of the content and avoiding the failure of external links.If you are using your own image bed, you can also choose not to download.

Secondly, to optimize website performance, Anqi CMS supports enabling WebP image format.Once enabled, all newly uploaded JPG, PNG, and other images will be automatically converted to WebP format.The WebP format has a higher compression rate and can significantly reduce the size of image files without losing visual quality, thereby speeding up website loading speed.For images that have been uploaded but not yet converted to WebP, the system also provides a batch conversion tool to allow all site images to enjoy the performance improvement brought by WebP.

The automatic compression feature of large images is also an important aspect of website optimization.If you do not need the image to be displayed in its original upload size, you can enable the automatic compression feature, the system will compress the image according to the preset width (default 800 pixels), effectively saving storage space.

In thumbnail generation, the system provides a flexible processing method:

• Scale proportionally to the longest sideEnsure that the image is displayed completely, and the width and height are scaled proportionally.
• Fill the longest sideThe image should be centered, with any part that doesn't fit filled with white, ensuring the thumbnail size is fixed.
• Trim according to the shortest edge: Center-crop the image, ensuring the shortest edge is fully displayed and the longest edge is cropped proportionally, suitable for scenes requiring a unified visual ratio.You can set the specific size of the thumbnail according to the actual requirements of the front-end page, and quickly update all images to adapt to the new size requirements by using the batch regenerate thumbnail feature.

In addition, to protect your image copyright, AnQi CMS is built with image watermarking function, effectively prevent content theft and plagiarism.

Image display in multiple scenarios: flexible to call, rich in content.

AnQi CMS offers various ways to display images on the website front-end to meet different content types and design needs.

When editing content, such as publishing documents, creating single-page applications, or categorized content, the rich text editor supports direct insertion of uploaded image resources, with intuitive and convenient operations.

For document content, you can set a "document image" (as a thumbnail) for each document.Even if you do not upload manually, if the document content contains images, the system will intelligently extract the first image as the default thumbnail.In the document detail page and list page, you can easily call the template tagLogo(Cover Main Image) andThumb(Thumbnail), so that different sizes of images can be displayed in different scenarios.

Categories and single-page also provide settings options for 'Banner image' and 'thumbnail'.You can upload multiple Banner images for carousel display, and you can also set exclusive thumbnails for categories or single pages, which can be flexibly called when needed.

On the template design level, the tag system of Anqi CMS makes image calls extremely powerful. For example,archiveList/categoryDetail/pageDetailTags such as these can be directly used to obtain image addresses. EspeciallyImagesfield, can obtain a set of images (such as multiple banner images or albums), and they can be displayed one by one through looping tags. If further processing of the images is required, such as dynamically generating thumbnails,|thumbThe filter can be put to good use.

The practice of categorizing image resources: to keep the content in order.

Efficient image classification is an indispensable part of website operation. It is very simple to implement image resource classification in Anqi CMS:

1. Enter "Image Resource Management": Find 'Page Resources' in the background navigation, click 'Image Resource Management' to enter.
2. Create CategoryIn the image resource management page, you will see the option 'Category Management'.Click to enter and add new image categories, such as 'Product Display Images', 'News Illustrations', 'Website Banner' and so on.
3. Upload or move images: When uploading images, you can directly select the category to which the image belongs.For images that have already been uploaded, you can also select them in the image list, then click the "Batch Transfer" feature to move them to the corresponding category.

In this way, your image library will become well-organized, and you can easily find the required images regardless of the expansion of the website scale, greatly improving the efficiency of content publishing.

Summary

The Anqi CMS demonstrates its professional enterprise-level content management system in image resource management.It not only provides a centralized and unified image library, but also helps users easily meet various image operation needs through intelligent processing processes and flexible calling mechanisms.From front-end performance optimization to the convenient and efficient back-end management, Anqi CMS is committed to maximizing the value of images as important digital assets.

Frequently Asked Questions (FAQ)

1. Why does my uploaded image automatically shrink or become a WebP format?This is usually because you have enabled the "Whether to automatically compress large images" and/or "Whether to enable Webp image format" feature in "Background Settings"->"Content Settings".These are the intelligent processing functions provided by the system to optimize website performance and reduce storage space.If you do not want the image to be automatically compressed or converted to a different format, you can turn off the corresponding option on the settings page.

2. Can image resources be categorized for management? How to operate specifically?Yes, AnQi CMS supports image resource category management. You can operate as follows: Go to the 'Page Resources' -> 'Image Resource Management' module, find and click on 'Category Management' in the management interface, and then you can add new categories.When uploading new images, you can choose categories, or you can select batch images that have already been uploaded, and then use the 'Batch Transfer' feature to move them to different categories.

3. If I replace an image, will the link on the website change?I will not. Anqi CMS considered the convenience of image updates when designing.When you perform a picture replacement operation on the picture detail interface, the URL address of the picture will remain unchanged, but the content will be updated to the new picture.This ensures that all references to the image on the website will automatically display the new image without manually modifying the link.