CloudImgs

##Functional characteristics 🚀Core functions Image upload: Support drag-and-drop upload, multiple image formats Picture management: browse, preview, download, and delete pictures Image sharing: Copy image links with one click Statistics: Real-time display of storage usage Password protection Access control: You can set an access password to protect picture security Login interface: Beautiful login interface, support password verification Session management: Login status is automatically saved and logout is supported API protection: All management interfaces require password verification Optional enable: Control whether password protection is enabled through environment variables 📁Subdirectory management Smart catalog selection: You can select an existing catalog or enter a new catalog Catalog information display: Display current catalog information on the picture management page Catalog statistics: Support counting the number of pictures and storage size by catalog 🔧SVG tools SVG to PNG: Enter SVG code and convert it to PNG images in real time Online preview: Preview PNG effects immediately after conversion One-click upload: upload directly to the graph bed after conversion is completed Batch download: Support downloading converted PNG images Sample code: Provide common SVG sample code Custom file names: Supports custom file names for uploading and downloading Automatic file name generation: Automatic file name generation based on timestamp ˇPicture compression tool Canvas Compression: High-quality image compression based on Canvas API size adjustment: Support setting of compressed width and height Aspect ratio locking: Automatically maintains the aspect ratio of the original image Quality adjustment: 1-100% adjustable compression quality Real-time preview: Preview the effect immediately after compression Compression information: Displays original size, compressed size, and compression ratio One-click upload: upload directly to the graph bed after compression is completed Local download: Support downloading compressed images Smart default: Automatically calculate the appropriate compression size based on the original image Theme switching function Multi-theme support: Support light themes and dark themes Automatic mode: Automatically switch themes according to system time (light color from 6:00 to 18:00, dark color from 18:00 to 6:00) Manual switching: Support manual selection of light, dark or automatic mode Theme persistence: Theme settings are automatically saved to local storage Real-time switching: Theme switching takes effect immediately without requiring page refresh Comprehensive adaptation: All pages and components are perfectly adapted to both themes Elegant animation: Smooth transition effect when switching themes Mobile adaptation Responsive layout: Perfectly responsive design based on Ant Design Grid system Mobile navigation: Mobile uses drawer menus to provide a better touch experience Adaptive layout: Automatically adjust layout and component sizes based on screen size Touch optimization: Buttons and interactive elements are optimized for mobile touch operations Picture management: The mobile picture grid is automatically adjusted to a single column layout API documentation: Mobile code examples and documentation are automatically adapted to small screens Theme adaptation: Mobile perfectly supports switching between light and dark themes