在 Next.js 中用 getImageProps 优化 CMS 图片
当你渲染来自 WordPress 这类 CMS 的内容时,图片可能是以光秃秃的 <img src="..." alt="..."> 标签形式到达的:没有 srcset、没有懒加载、没有 WebP。Next.js 没法自动处理它们,因为它们藏在一个原始的 HTML 字符串里,而不是 React 组件树里。这篇文章会展示如何用 Next.js 的 getImageProps,在每张图片到达浏览器之前,就为它注入恰当的 srcset、WebP 转换、懒加载和响应式尺寸。