UTILS.
100% 浏览器内运行

图片 srcset 生成器

根据路径和宽度列表生成带 srcset 和 sizes 的响应式 <img> 标签。

— 输出将显示在这里 —

关于此工具

根据基础图片路径和一组宽度,生成带 srcset 和 sizes 属性的响应式 <img> 标签;标记完全在你的浏览器中本地生成。

常见问题

srcset 中的 URL 如何命名?
每个宽度都会生成类似 path-640w.jpg 的 URL,并搭配相应的 640w 描述符,这是响应式图片变体常用的命名约定。
我还需要自己制作缩放后的图片吗?
需要。本工具只生成标记,你必须按列出的每个宽度自行制作实际的缩放图片文件。

更多工具