Edge Images
Edge Images automatically uses your edge transformation service (e.g., Cloudflare, Accelerated Domains, Imgix, etc.) to apply performance optimizations to markup. ⚠️ Important: This plugin requires a supported edge provider with image transformation features enabled (e.g., Cloudflare Pro, BunnyCDN, etc). See the Requirements section for details. 🚀 Why should I use Edge Images? Instant Performance Boost: Automatically optimize and serve images in modern formats (WebP/AVIF) through your existing CDN Zero Configuration: Works out of the box with your existing images and themes No Local Processing: All transformations happen at the edge – no server load or storage overhead Perfectly Sized Images: Automatically generates the exact image dimensions needed for every device and viewport Cost Effective: No need for expensive image optimization services or additional storage 🎯 Perfect For Sites with lots of images that need optimization Performance-focused developers and site owners Anyone using Cloudflare, BunnyCDN, or similar services Sites that want modern image formats without the complexity Developers tired of managing multiple image sizes 💡 How It Works WordPress typically creates multiple copies of each uploaded image in different sizes. This approach is inefficient and often results in: Images that are too large or small for their display size Unnecessary storage usage Missing sizes for modern responsive designs Lack of modern format support (WebP/AVIF) Edge Images solves these problems by: Intercepting image requests Determining the optimal size and format needed Using your CDN to transform the image on-demand Caching the result for future requests ⚡️ Features Core Features Automatic WebP/AVIF conversion Intelligent responsive image handling Smart srcset generation Automatic image optimization Optional element wrapping Zero local processing Maintains original images Advanced Features Fine-grained transformation control Multiple CDN provider support Developer-friendly filters Yoast SEO & Rank Math integrations Bricks integration Gutenberg compatibility 🔌 Supported Providers Cloudflare (Pro plan or higher) Accelerated Domains BunnyCDN Imgix 🛠️ Technical Example Your Code echo wp_get_attachment_image(1, [640,400], false, ['fit' => 'contain']); What WordPress Usually Outputs That’s multiple different images files, none of which are the right size! What Edge Images Outputs That’s a range of perfectly sized options for different devices and viewports, automatically optimized images in modern formats, served from your CDN, futureproofed for supporting next-generation capabilities, and with no storage overheads. 🎨 Customization Transform Parameters Control every aspect of image transformation with attributes like: * width/height: Exact dimensions * fit: Resizing behavior (contain, cover, crop) * quality: Compression level * format: Output format (auto, webp, avif) Filtering Disable transformations globally or selectively: // Disable all transformations add_filter('edge_images_disable', '__return_true'); // Disable for specific images add_filter('edge_images_disable_transform', function($should_disable, $html) { if (strpos($html, 'example.jpg') !== false) { return true; } return $should_disable; }, 10, 2); // Override max width for constrained content add_filter('edge_images_max_width', function($max_width) { // Example: Use a different max width for single posts if (is_single()) { return 800; } return $max_width; }); // Customize srcset width multipliers add_filter('edge_images_width_multipliers', function($multipliers) { // Add more granular steps between sizes return [0.25, 0.5, 0.75, 1, 1.25, 1.5, 2]; }); 🔧 Requirements Essential A supported edge provider with image transformation features enabled: Cloudflare Pro plan or higher with Image Resizing enabled Accelerated Domains with Image Resizing enabled BunnyCDN with Image Processing enabled Imgix with a configured source Technical PHP 7.4 or higher WordPress 5.9 or higher ✅ Getting Started Install and activate the plugin Go to Settings > Edge Images Select your CDN provider That’s it! Your images will now be automatically optimized 🤝 Integrations Yoast SEO Automatically optimizes images in: Meta tags (og:image, etc.) Schema.org output XML sitemaps 🔒 Privacy Edge Images processes images through third-party edge providers. Here’s what you need to know about privacy: Data Processing Images are processed through your chosen edge provider (Cloudflare, Accelerated Domains, etc.) No personal data is collected or stored by the plugin itself Image URLs are passed to the edge provider for transformation Original images remain on your server; only public URLs are processed Edge Provider Privacy Different providers have different privacy implications: Cloudflare: Images are processed according to Cloudflare’s Privacy Policy Accelerated Domains: Images are processed according to Accelerated Domains’ Privacy Policy BunnyCDN: Images are processed according to BunnyCDN’s Privacy Policy Data Storage The plugin stores your selected settings in your WordPress database No user data is collected or stored No analytics or tracking is performed Cache files may be created in your uploads directory for optimization GDPR Compliance The plugin is GDPR-compliant as it does not collect, store, or process personal data Users should review their chosen edge provider’s privacy policy and data processing terms Site owners should update their privacy policy to reflect their use of third-party image processing services Development GitHub Repository Report Issues
Top keywords
- images27×3.43%
- image19×2.41%
- edge15×1.91%
- privacy9×1.14%
- cloudflare8×1.02%
- provider8×1.02%
- width7×0.89%
- accelerated6×0.76%
- accelerated domains6×0.76%
- automatically6×0.76%
- bunnycdn6×0.76%
- data6×0.76%
站长帮 – WordPress CDN 缓存管理插件
核心功能亮点 🚀 智能缓存刷新 – 文章/页面发布或更新时自动刷新相关 CDN 缓存 – 评论提交及审核通过后即时更新展示 – 支持首页、分类页、标签页等核心页面的缓存管理 ⚡ 手动刷新与预热 – 支持手动刷新指定 URL 的缓存 – 支持手动预热指定 URL 的缓存 – 独立操作页面,简单易用 🔧 多 CDN 服务商支持 – 腾讯云 CDN – 腾讯云 EdgeOne – Nginx ngx_cache_purge 模块 – Cloudflare 🛠️ 便捷管理 – 直观的中文管理界面 – 完善的错误日志系统 – 支持多场景刷新策略配置 🔌 扩展友好 – 采用模块化架构设计 – 预留多 CDN 服务商接口 – 持续更新维护 → 插件官方文档 安装指南 通过 WordPress 后台「插件」→「安装插件」上传安装 在插件页面点击「启用」 前往「设置」→「CDN 缓存管理」完成配置 在「主要设置」中勾选需要启用的 CDN 服务商 根据需求配置缓存刷新策略 常见问题 如何获取腾讯云 API 密钥? 访问腾讯云 API 密钥管理控制台 创建密钥对 为什么缓存刷新失败? 检查 API 密钥是否有效 确认网络连接正常 查看插件错误日志获取详细信息 参考故障排除指南 手动刷新和预热有什么区别? 刷新缓存:清除指定 URL 的旧缓存,下次访问时重新从源站拉取 预热缓存:提前将指定 URL 的内容缓存到 CDN 节点,无需等待用户访问才缓存 哪些服务商支持预热功能? 目前只有腾讯云 CDN 和腾讯云 EdgeOne 支持预热功能。Nginx 和 Cloudflare 不支持预热。 隐私声明 本插件仅通过官方 API 与 CDN 服务商交互,传输必要信息包括: – 需要操作的 URL 列表 – 用于身份验证的 API 密钥 – 操作类型标识符 我们不会收集或存储您的网站数据。 腾讯云服务隐私政策: https://cloud.tencent.com/document/product/301/11470 Cloudflare 隐私政策: https://www.cloudflare.com/zh-cn/privacypolicy/ 技术支持 由 站长帮 专业团队维护 在线支持:社区问答 – 站长帮教程:https://www.zhanzhangb.cn/tutorials/ – 站长帮资源:https://zy.zhanzhangb.cn/
Top keywords
- cdn9×16.98%
- api5×9.43%
- url5×9.43%
- cloudflare4×7.55%
- https4×7.55%
- cdn cdn3×5.66%
- api api2×3.77%
- cdn cdn edgeone2×3.77%
- cdn edgeone2×3.77%