Next.js Image on Kevin's Blog https://kevin4dev.pages.dev/tags/next.js-image/ Recent content in Next.js Image on Kevin's Blog Hugo -- 0.147.9 zh Mon, 12 Jan 2026 00:00:00 +0000 在 Cloudflare Workers 上完美使用 Next.js Image 组件 https://kevin4dev.pages.dev/post/cloudflare-images/ Mon, 12 Jan 2026 00:00:00 +0000 https://kevin4dev.pages.dev/post/cloudflare-images/ <p>在使用 <code>opennextjs-cloudflare</code> 部署 Next.js 时，图片优化是一个大坑。</p> <p>最初我尝试了官方的 Binding 模式，但遇到了格式无法自动转换（一直是 JPEG）和缓存配置麻烦的问题。经过摸索，最终切换到了 <strong>Custom Loader</strong> 模式。这个方案直接利用 Cloudflare 原生的图片转换服务（<code>/cdn-cgi/image/</code>），不仅无需消耗 Worker 资源，还能强制输出 WebP/AVIF 格式，速度飞快。</p>