代码、数据与二维码工具

Srcset 生成器

每行输入一个图片 URL 和宽度描述符,查看并复制生成的 HTML 片段。

优先本地处理无需注册隐私说明 ↗

请输入有效的 URL 和宽度组合。

生成的标记

使用步骤

如何使用

  1. 输入 URL 和宽度组合,例如 image-640.jpg 640w。
  2. 可选输入 sizes 属性值。
  3. 复制生成的 srcset 和 img 片段。

语法验证

每行需要非空 URL 和以 w 结尾的正整数宽度;输出属性转义 URL。不抓取或验证图片,不优化你提供的宽度,不保证浏览器兼容性。

常见问题

你可能还想知道

可以添加 sizes 吗?

可以,输入 sizes 属性值后查看生成标记。