不要用 Astro Image 组件加载图片

2025年10月12日 ·2 min read

Astro 的 <Image> 组件会自动转换远程图片保存到本地，导致 CDN 无效。我今天禁用缓存才发现这个问题，之前一直用本地缓存没发现这个问题😓

Cloudflare Page 在海外加载效果不错在大陆非常缓慢，但 R2 储存的速度还是可以的，在大陆尽量不要用 Page 加载本地包里的图片。

不让 Astro 自动转换也很简单，在 astro.config.js 删掉这个配置即可会显示原始图片不做任何处理，但有个弊端就是在本地调试时无法加载远程图片。

   image: {
       domains: ['res.jb18.cm' ...],
   }

Astro 的 <Image> 组件用来加载本地的背景图、图标等很不错，会自动转换格式压缩，但用来加载 CDN 图片非常鸡肋，一个是既然用 CDN 了就不在乎质量只要 CDN 的速度就行，再者转换会保存到本地导致包非常大。