LiteImage

外掛說明

LiteImage is a lightweight, developer-friendly WordPress plugin that optimizes images using dynamic thumbnail generation, WebP support, and accessibility enhancements. With a fully refactored object-oriented architecture, LiteImage gives full control over responsive image rendering and disk space management.

Features

  • Dynamic Thumbnails: Generate only the sizes you need on demand using the liteimage() function
  • WebP Support: Convert images to WebP automatically using Intervention Image library
  • Responsive Images: Serve the right image for the right device with media queries
  • Mobile-Specific Images: Serve a dedicated mobile MOBILE-specific image for viewports under 768px
  • Accessibility: Add alt, aria-label, and other HTML attributes
  • Clean Thumbnails: Delete LiteImage or WordPress-generated thumbnails from Toolsower
  • Debug Logging: Track plugin activity when logging is enabled
  • OOP Architecture: Fully class-based core with backward compatibility

Arc Credits

Developed by Oleksandr Gryshko.
Powered by Intervention Image.

螢幕擷圖

  • LiteImage Settings page
  • Thumbnail cleanup options
  • Media Library showing dynamic sizes

適用於區塊編輯器

這個外掛提供 1 個可供 Gutenberg/區塊編輯器使用的區塊。

  • LiteImage Image Responsive image block powered by LiteImage renderer with full breakpoint control.

安裝方式

  1. Upload the liteimage folder to /wp-content/plugins/
  2. Activate the plugin in WordPress admin
  3. Run composer install in the plugin directory
  4. Go to Tools > LiteImage Settings to configure

常見問題集

Does LiteImage support WebP?

Yes, if Intervention Image is installed and GD or Imagick supports WebP.

Can I use different images for mobile?

Yes. Use the third parameter in liteimage() function for mobile-specific image.

How do I clear thumbnails?

Go to Tools > LiteImage Settings and use the available cleanup buttons.

使用者評論

這個外掛目前沒有任何使用者評論。

參與者及開發者

以下人員參與了開源軟體〈LiteImage〉的開發相關工作。

參與者

將〈LiteImage〉外掛本地化為台灣繁體中文版

對開發相關資訊感興趣?

任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄

變更記錄

3.3.1

  • Fixed: Thumbnail filename conflicts when multiple images share the same filename. Added attachment ID to thumbnail filenames to ensure uniqueness.
  • Fixed: Format changed from {filename}-{size_name}.{ext} to {filename}-{attachment_id}-{size_name}.{ext} for all thumbnail variants (WebP, original format, and retina @2x versions).

3.3.0

  • Added: Gutenberg block LiteImage Image with full responsive controls for desktop/mobile sources, breakpoints, and HTML attributes.
  • Added: PHPUnit smoke test covering block attribute sanitization.
  • Added: Automatic 2x retina variants for all generated LiteImage sizes, including Gutenberg block output.
  • Changed: Refreshed plugin icon to match the new brand palette.
  • Changed: Updated documentation with block usage instructions and retina guidance.

3.2.1

  • Fixed: Unescaped output in admin tab navigation (WordPress.org Plugin Check compliance)
  • Fixed: Removed deprecated load_plugin_textdomain() call (WordPress auto-loads translations since 4.6)
  • Fixed: Updated readme.txt headers to match plugin requirements (Tested up to: 6.8, Requires at least: 5.8)
  • Fixed: Added phpcs:ignore comments for necessary direct database queries in transient cleanup
  • Fixed: WordPress.org Plugin Check compliance – all errors and warnings resolved
  • Improved: Code standards compliance for WordPress.org submission

3.2.0

  • Complete OOP refactoring with PHP namespaces
  • PSR-4 autoloading implementation
  • Performance improvements (up to 50% faster)
  • Security enhancements (rate limiting, validation)
  • Moved logs to uploads directory
  • Proper JavaScript enqueuing
  • Comprehensive documentation

3.1.0

  • Refactored to OOP architecture
  • Improved maintainability
  • Added Intervention Image support

2.1.0

  • Added buttons to clear thumbnails
  • Improved cleanup logic

2.0.0

  • Added WebP support status display
  • Codebase refactor

1.0.0

  • Initial release