网站图片发布助手

把一批原图处理成响应式网站图片、HTML 代码和带检查清单的 ZIP 资源包。

免费使用,无需注册
  1. 1导入原始图片
  2. 2设置发布要求
  3. 3下载图片与代码

拖入准备发布到网站的图片

一次处理,得到多个尺寸和可直接使用的代码。

JPG · PNG · WEBP
最多 20 张,合计 100 MB;输出图片总量上限为 100 MB。
每张最多 1600 万像素,单边不超过 8192 像素

发布设置
仅保存设置,不保存图片及其描述。

不裁剪、不放大。重新编码可能改变色彩,并将动图转为单帧;发布前请检查细节与透明区域。

原始图片 (0)

为无法看到图片的读者描述内容;只有装饰性图片才应留空。

选择一张图片,开始处理

    发布资源包

    这里将显示图片、HTML 代码和检查结果。

    如何使用

    1. 01

      添加最多 20 张 JPG、PNG 或 WebP 原图,填写替代文本。

    2. 02

      设置输出宽度、每个文件的体积目标及备用格式,生成资源包。

    3. 03

      检查预览与提示,下载 ZIP,将附带的 HTML 按网站布局调整后使用。

    使用说明与注意事项

    工作原理

    每张原图在本地解码,按最多四个宽度生成 WebP 和备用格式。原图较小时不会放大,重复的输出宽度会合并。WebP 和 JPEG 在画质 85~60 之间尝试达到体积目标,不会偷偷缩小尺寸;仍然超标的文件会明确标注并保留供检查。

    适用场景

    适合为博客文章、项目介绍准备整组网站图片。1800 × 1200 的原图使用博客预设,会生成 480 × 320、960 × 640、1440 × 960 三个尺寸,每种尺寸两种格式,共六个文件。640 × 480 的原图则生成 480 × 360、640 × 480 两个尺寸,并提示原图不足。

    常见问题

    符合体积目标就能直接用于所有网站吗?

    提示仅代表文件满足你设定的字节上限,不代表画质、无障碍要求或目标平台一定合格。请继续检查预览、替代文本和布局。

    透明图片和动图如何处理?

    WebP 和 PNG 保留透明度,JPEG 将透明区域填成白色。动图会转为单帧,重新编码也可能改变颜色配置。

    浏览器保存哪些内容?

    点击保存时仅保存发布设置,不持久保存图片、描述或输出资源包。可以随时删除已保存的设置。

    可以导入文件夹或 ZIP 吗?

    第一版支持多选 JPG、PNG 和 WebP,最多 20 张、合计 100 MB,暂不支持 ZIP 和文件夹导入。输出图片总量也限制为 100 MB。