Srcset 生成器
构建带 srcset 和 sizes 的响应式 img 标签。
输出
输入基础图片 URL 和目标宽度，即可生成带 srcset 和 sizes 属性的响应式 <img> 标签。
使用方法
- 输入基础图片 URL。
- 以逗号分隔列出您想要的宽度。
- 复制生成的响应式 img 标签。
常见问题
- srcset 的 URL 是如何命名的？
- 每个宽度会在文件扩展名前附加 -<width>w 后缀，例如 photo-640w.jpg。
- sizes 属性有什么用？
- 它告诉浏览器图片占据多少空间，以便浏览器选择合适的源。