What methods does AnQiCMS support to display images and thumbnails?

When building and operating a website, the display of images and thumbnails is an indispensable element to attract users and convey information.An excellent content management system (CMS) should provide powerful and flexible image processing capabilities.AnQiCMS performs well in this aspect, it not only simplifies the image management process, but also provides a variety of intelligent display methods to help us easily create websites with outstanding visual effects and fast loading speed.

Core image management capability: Say goodbye to chaos

First, AnQiCMS provides a centralized "image resource management" function, which is the "headquarters" of all website images.We can conveniently upload new images or select from the uploaded resource library.To maintain the neatness and efficiency of the resource library, the system supports classifying images into different categories and can perform batch deletion, transfer, and other operations.Each image is displayed with detailed information, including the filename, upload time, size, etc., which is very helpful for daily maintenance.

It is worth mentioning that when editing content, such as writing articles, if the images we refer to come from external websites, AnQiCMS can also choose to automatically download these remote images to the local server according to the configuration in the "Content Settings".This not only avoids the risk of image loss due to external link failure, but also helps to unify and optimize image resources.

Intelligent image processing: make images 'smart'

AnQiCMS is well aware of the complexity of image processing, so it has built-in a series of intelligent image optimization features, most of which can be found and configured in the 'Content Settings':

• Automatically extract thumbnails:This is a highlight feature of AnQiCMS. When we publish documents without manually uploading thumbnails, but the article content contains images, the system will intelligently automatically extract the first image in the content as the document thumbnail.This greatly saves manual operation time, ensuring that each piece of content has an appropriate thumbnail display.
• Large image automatically compressed:To prevent large images from affecting website loading speed and user experience, AnQiCMS provides automatic large image compression function.We can set a maximum width (for example, the default 800 pixels), and when the uploaded image exceeds this width, the system will automatically resize it proportionally.This significantly reduces the file size of the image while ensuring the visual effects.
• WebP format conversion:WebP is an advanced image format that provides high-quality images with smaller file sizes.AnQiCMS supports automatically converting uploaded JPG, PNG, and other image formats to WebP format.Enable this feature and new uploaded images will benefit from this optimization, thereby further reducing storage space and speeding up page loading.If you need to convert the previously uploaded images to WebP as well, the system also provides a batch conversion tool.
• Image watermark management:To protect the copyright of original images, AnQiCMS is built with an image watermark function.Although it is mainly used for anti-plagiarism, it ensures the exclusivity of images, allowing original content to receive better protection.

Flexible thumbnail generation and style control: meets diverse needs

The way thumbnails are displayed often directly affects the overall aesthetics of a website. AnQiCMS provides fine thumbnail processing options:

• Multiple thumbnail processing methods:We can choose different thumbnail generation strategies based on design requirements:
  • Scale proportionally to the longest side:The image will be displayed in full, with width or height adapting to the ratio to maintain the original aspect ratio.
  • Pad to the longest edge:The image will be centered, and the insufficient part will be filled with white to ensure the fixed thumbnail size.
  • Trim to the shortest edge:The image will be centered and cropped to fit the specified thumbnail size, which may cut off the edge content of the image.
• Custom thumbnail size:In the "Content Settings", we can accurately set the width and height of the thumbnail according to the actual layout requirements of the front-end page, ensuring that the image can be displayed in **size at different positions.
• Default thumbnail: If some content indeed does not have a dedicated thumbnail, AnQiCMS allows us to set a 'default thumbnail' as a backup display to avoid blank pages or style errors.
• Batch regenerate thumbnails:After adjusting the thumbnail processing method or size, you can use this feature to update the thumbnails of all existing images in one click, ensuring consistent website style.

Image display and template calling in various scenarios: seamless connection

AnQiCMS supports displaying images and thumbnails in various content types and pages:

• Images in the content editor:When publishing articles or editing single-page content, the WYSIWYG editor provides an image insertion feature, making it convenient to add images directly to the text.
• Dedicated image field:Whether it is a document, category, or single page, a clear image upload area is provided, such as: *