几乎完美的 React 图片组件

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 200 美元的免费积分!

是的,这是一个 React 组件,但无论您是否关心这部分, “理想的图片组件”部分都可能引起您的兴趣。 如今,我们在网页上放置图片时需要考虑很多因素。 这涉及到

  • 占位符空间(以及加载后灵活的响应式样式)
  • 低质量的占位符图片
  • 响应式图片语法(srcset
  • 图片格式(例如,在可以的情况下使用 WebP)
  • 在网络连接不良的情况下点击加载
  • 更好的加载错误 UX,并带有可翻译的文本

这甚至不是全部。 对于可怜的小 <img>,需要考虑的事情太多了。 我很喜欢 Alejandro Sanchez 的回复

直接链接 →