⧉

图片 srcset 生成器

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

文件始终留在此设备上

文件在浏览器中处理，绝不上传。网站会下载运行工具所需的代码和资源。无需账号，也无追踪。

使用“下载”将此工具保存为单个 HTML 文件，以便离线使用。

图片路径

宽度（逗号分隔）

替代文本

输出

— 输出将显示在这里 —

关于此工具

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

常见问题

srcset 中的 URL 如何命名？

每个宽度都会生成类似 path-640w.jpg 的 URL，并搭配相应的 640w 描述符，这是响应式图片变体常用的命名约定。

我还需要自己制作缩放后的图片吗？

需要。本工具只生成标记，你必须按列出的每个宽度自行制作实际的缩放图片文件。

更多工具