QJSON.CN

srcset / sizes 生成

逐项填写图片宽度和路径,生成响应式 img。

逐项输入真实图片宽度和路径,生成 srcset / sizes。

输入与结果示例

添加 480、960、1600px 图片版本,选择布局断点与宽屏展示尺寸。

使用范围与注意事项

  • 输入在浏览器本地处理,不上传、不默认保存。
  • 每个 w 描述符须匹配对应图片真实宽度;sizes 须与实际 CSS 布局一致。
  • 只生成代码,不下载图片;本工具当前要求路径不含原始空格或逗号,请先做 URL 编码。

常见问题

能直接保证所有设备适配吗?

不能,工具生成与计算辅助方案;上线前仍需检查目标设备、用户字体设置与目标浏览器。