网站图片发布助手
把一批原图处理成响应式网站图片、HTML 代码和带检查清单的 ZIP 资源包。
- 1导入原始图片
- 2设置发布要求
- 3下载图片与代码
拖入准备发布到网站的图片
一次处理,得到多个尺寸和可直接使用的代码。
JPG · PNG · WEBP
最多 20 张,合计 100 MB;输出图片总量上限为 100 MB。
每张最多 1600 万像素,单边不超过 8192 像素
不裁剪、不放大。重新编码可能改变色彩,并将动图转为单帧;发布前请检查细节与透明区域。
原始图片 (0)
为无法看到图片的读者描述内容;只有装饰性图片才应留空。
选择一张图片,开始处理
发布资源包
这里将显示图片、HTML 代码和检查结果。
如何使用
- 01
添加最多 20 张 JPG、PNG 或 WebP 原图,填写替代文本。
- 02
设置输出宽度、每个文件的体积目标及备用格式,生成资源包。
- 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。