文章标签

“响应式图像”一词现在通常是指“HTML 中的响应式图像”，换句话说，是指 <img /> 的 srcset 和 sizes 属性以及 <picture></picture> 元素。但是这些功能如何映射到 CSS 呢？…

我承认，我使用响应式图像的方式是，获取一张高分辨率的图像，然后随机缩小几倍，并将这些缩小的版本用作 srcset 图像。这基本上与我经常使用的“桌面”、“平板电脑”、“移动设备”思维方式相同…

Nadav Soferman 撰写了一篇很棒的文章，介绍了开发人员在尝试使图像响应式时可能犯的一些常见错误。

无论您选择哪种响应式设计解决方案或框架，您仍然需要生成和提供多个版本的

2014 年 4 月，Tim Evko 创建了一个 WordPress 插件，它利用 CMS 的功能来简化响应式图像的使用（只需执行您之前一直在做的事情，即可获得收益）。他在本文中介绍了它。后来它成为了官方…

因为有时候，通过带有指向每个小部分的箭头并解释其作用的代码来查看代码，是理解的最佳方式。

如果您不熟悉响应式图像，您可以点击此处获取更多信息…

Jason Grigsby 刚刚完成了一个关于响应式图像的 10 部分系列大师班。每篇文章的底部都有一个目录，方便您跳跃浏览。…

还记得 Tim Evko 在 WordPress 中响应式图像的客座文章吗？这里有一些关于它的消息。

• 它现在是响应式图像社区小组 (RICG) 的官方 WordPress 插件。它位于GitHub 这里，以及插件目录中。
• 它

如果您要实现响应式图像（为不同的情况使用HTML 中的不同图像），并且您只是在不同版本的同一图像之间切换（绝大多数情况下），您只需要在…上使用 srcset 属性。

Andreas Bovens 为 <picture> / <img srcset> 收集了这份史诗级食谱列表。有四种场景。

• 我的图像尺寸是否会根据我的响应式设计规则而改变？
• 我是否希望针对高dpi 屏幕进行优化？
• 我