使用 srcset 和 sizes 属性实现更好的响应式图片

介绍

srcset 和 sizes 是两个用于创建响应式图片的 HTML 属性。 它们用于指定图片的源文件和尺寸。通过组合使用这两个属性，我们可以创建针对不同设备进行优化的图片。

在本文中，我不会深入讲解响应式图片的工作原理。我将重点介绍如何使用 srcset 和 sizes 这两个属性。

让我们先来看看基本的 img 元素：

<img src="image.jpg" alt="image" />