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

Core image management capability: Say goodbye to disorganized chaos

Firstly, AnQiCMS provides a centralized "Image Resource Management" feature, which is the "headquarters" for all website images.We can conveniently upload new images or select one from the library of uploaded resources.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 has detailed information displayed, including file name, upload time, size, etc., which is very helpful for daily maintenance.

Intelligent image processing: Make images 'smart'

AnQiCMS deeply understands the complexity of image processing, therefore it has built-in a series of intelligent image optimization features, most of which can be found and configured in the "Content Settings":

  • Extract thumbnail automatically:
  • Large image automatic compression:
  • WebP Format Conversion:
  • Image watermark management:To protect the copyright of the original images, AnQiCMS is built-in with image watermarking function.Although it is mainly used for anti-crawling, it ensures the exclusivity of images, providing better protection for original content.

Flexible thumbnail generation and style control: meets diverse needs

The display method of thumbnails 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 by the longest edge:The image will be displayed completely, with width or height adjusting to the ratio to maintain the original aspect ratio.
    • Pad by the longest edge:The image will be centered, and the insufficient part will be filled with white to ensure the fixed thumbnail size.
    • Crop by the shortest edge:The image will be cropped in the center to fit the specified thumbnail size, which may result in the loss of content at the edges of the image.
  • Custom thumbnail size:In the "Content Settings", we can accurately set the width and height of thumbnails according to the actual layout requirements of the front-end page, ensuring that images can be displayed in different positions in size.
  • Default thumbnail:If some content indeed does not have a dedicated thumbnail set, AnQiCMS allows us to set a "default thumbnail" as a backup display to avoid the page from appearing blank or with style disarray.
  • Batch regenerate thumbnails:When we adjust the thumbnail processing method or size, we can use this feature to one-click batch update all existing image thumbnails, keeping the website style consistent.

Multi-scene image display and template invocation: seamless connection

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

  • Images in the content editor:The editor that provides image insertion functionality, allowing for 'what you see is what you get' editing when publishing articles or editing single-page content, makes it convenient to add images directly in the text.
  • Dedicated image field:Whether it is a document, category, or single page, a clear image upload area is provided, such as: *