使用指南

载入图片

三种载入方式，效果一样

三种方式，效果完全一致：

• 拖入：转换器可以拖到页面任何位置（已有图片时直接替换）；批量压缩在已有结果时继续往页面里拖是追加；图标工坊拖到上传区。
• 选择文件：点击上传区打开文件选择器。
• 粘贴：截图后直接 ⌘/Ctrl + V，连保存到本地这一步都省了。

格式上，转换器与图标工坊接受 JPG / PNG / WebP / AVIF / GIF（GIF 只取第一帧，动图不保留动画）；批量压缩只收 JPG / PNG / WebP / AVIF，GIF 动图与 SVG 会被跳过并说明原因。

尺寸上建议最长边不低于目标规格。转换器与图标工坊会把超过 4096 px 的原图先降采样到 4096 再参与生成 —— 这一步只为控制内存，不影响输出，因为最大的规格也只是 YouTube 频道封面（2560 × 1440）。批量压缩单张上限 50.00 MB、一次最多 60 张。

还有一条容易踩：在首页直接拖图会跳到转换器并把这张图带过去，这条路径靠的是同一页内存。刷新或另开标签页就丢了，需要重新选图。

填满还是完整适配

裁掉边缘还是四周留白

这是唯一一个会明显改变结果的选择，两种模式没有优劣，只看你要什么。

切换会立即按新参数重算全部结果，不需要点任何按钮。

构图焦点

主体不居中时怎么取景

焦点决定「裁掉哪一边」。选上表示保留上侧内容，选下表示保留下侧；完整适配时它控制留白堆在哪一端。

什么时候需要调：竖图生成 16:9 缩略图、横图生成 9:16 封面、人像照片生成方形帖子。这三类场景下「中」往往刚好切在最不该切的位置。

裁剪台

手动框选、比例锁定

焦点只能粗略对齐，要让某一块内容精确落在画面里，用裁剪台。它有两个独立的概念，想清楚就不会被绕进去：

• 选区（取景框）钉在屏幕上，拖框 = 决定保留哪一块。
• 图片缩放只改变框背后的图片大小，框本身原地不动。

顶部的比例 chip 来自 11 个规格去重后的 8 种比例：16:9（1280×720）、3:1（1500×500）、1:1（400×400）、9:16（1080×1920）、1:1.56（420×654）、40:21（1200×630）、4:1（1584×396）、2:3（1000×1500）。chip 上还标了该比例首个规格的像素尺寸，选中后拖角手柄就是等比缩放。

裁剪可以叠加：每次「应用裁剪」都是基于当前画面再裁一刀，不是回到原图重来。想撤销走源图条上的「还原裁剪」。图标工坊的裁剪台只有一个 1:1 选项，因为所有输出都是正方形。

移动端没有空格键：单指拖框、双指捏合缩放并平移图片，其余行为一致。

格式与质量

JPEG / PNG 怎么挑

JPEG 用于照片和绝大多数内容，没有透明需求时选它，体积小一半以上。质量默认 92（可调范围 40–100）：低于 80 在渐变与纯色块上会出现可见色带，高于 95 体积膨胀但肉眼几乎看不出差别。

PNG 用于需要透明的场景（叠加在视频上的字幕条、需要透底的 Logo），或大面积纯色与文字的图。开启「透明背景」会自动切到 PNG——因为 JPEG 根本没有 alpha 通道；反过来从 PNG 切回 JPEG 时透明开关会自动关闭，避免出现「界面显示透明、导出的却是白底」。

PNG 是无损格式，质量滑杆会置灰，这是正常的。

导出与命名

单张、ZIP 与文件名规则

单张下载在卡片右下角，也可以在点开的大图预览里点「下载这张」；整包下载是「导出结果」标题行右侧的「打包下载 ZIP」。大图预览有两种模式：平台预览按平台真实形态显示（圆形头像、圆角卡片、被界面遮挡的区域都在），原图则看导出文件的真实像素。

文件名规则固定，方便直接落进素材库：平台-用途-宽x高.jpg，例如 {sample}。压缩包名是 social-sizes-20261024-1208.zip，带本地时间戳。

用不到全部规格时，点工具栏右侧的「导出规格」只勾需要的几个。少生成几张不只是省时间，也少占几份画布内存。

从一张 Logo 到一套图标

一张源图出全套尺寸

图标工坊把一张图铺成 20 个文件，分六组：浏览器标签（favicon）、顶部导航 Logo、iPhone 主屏幕、Android / PWA、Chrome 扩展、圆形头像与小尺寸。每一档的尺寸、格式与文件名都按各平台文档来，不是自己拟的。

源图建议 1024 × 1024 的方形 Logo。非正方形也能用——会等比内嵌到画布里并留白，不会拉伸。

四个参数各自管什么

• 形状（方形 / 圆角 / 圆形）只改变画出来的轮廓。iOS 主屏幕图标与 maskable 恒为满幅：裁形由系统施加，自己先裁一圈会得到双层边框，透明角还会被填黑。
• 内边距（0–20%）只作用于真正代表 Logo 的规格（favicon、导航 Logo、PWA 主图）。头像与触控图标恒满幅，否则用户会以为「图变小了」；maskable 至少留 10%，因为系统只保证中间 80% 可见。
• 底色 / 透明底：iOS 图标不允许 alpha，透明像素会被系统填成黑色，所以 apple-touch 与 PWA 这几档强制铺底色，透明开关对它们无效。
• 不放大：开启后按原生像素嵌入。源图小于目标尺寸时会保留像素格，而不是插值糊成一片——小 Logo 放大的问题会一眼看出来。

两个容易误解的输出

favicon.ico 是单文件内嵌 16 / 32 / 48 三档 PNG，由浏览器自己挑，不要再拆成三个文件。favicon.svg 与 logo.svg 输出的是「位图内嵌 SVG」过渡容器：位图无法转换成真矢量，这两档只能先把文件名与引用方式对上，正式上线请让设计导出真正的矢量文件覆盖它。

落地方式

文件用的是各平台约定名（favicon.ico、favicon-16x16.png、apple-touch-icon.png、android-chrome-512x512.png、android-chrome-maskable-512x512.png、icon-192.png），全部丢到站点根目录即可。源图条右侧的「下载全部 ZIP」一次拿走整包，包名 icons-20261024-1208.zip，里面附一份 README.txt，记录源图尺寸、裁剪范围、渲染参数与文件清单。页面底部的「接入片段」可以直接复制 HTML head 与 manifest.json 两段。

验收方法是看卡片——卡片画的就是它在实际显示尺寸下的样子，点开可以放大到像素级。16 px 那一档如果认不出轮廓，说明造型还得更简。

把一批图统一压小

质量梯子与目标体积

批量压缩只做一件事：把同类图片统一压小，不动构图。它和转换器的区别是不裁不切、不换比例；和图标工坊的区别是不生成新文件形态。

输出格式

智能（默认）＝ JPEG 源保持 JPEG，PNG / WebP / AVIF 源统一转 WebP——WebP 保留 alpha，同内容通常比 PNG 小一半以上，把 PNG 重编码成 PNG 基本不会变小。也可以强制 JPEG / WebP / PNG。浏览器不支持 WebP 编码时会自动回退成 PNG，文件名后缀也跟着变，页面顶部会提示。

质量与尺寸

质量滑杆范围 40–100，默认 80；旁边三档快捷值分别是 轻压缩 90 / 推荐 80 / 高压缩 60。再低就是肉眼可见的块状伪影，所以下限钉在 40。

「最长边」可选不缩放 / 3840 / 2560 / 1920 / 1280，只缩不放：源图比上限还小时原样保留，绝不插值把文件做大。勾了 PNG 时质量滑杆与「目标体积」都会失效——PNG 是无损格式，按体积控制没有意义。

目标体积怎么追

设一个 KB 上限后，程序先沿质量梯子往下试（最多 6 档，最低到 30），仍超标再按 25% 步长收尺寸（最多 3 轮，不低于 320 px），两样都做不到才标「未达标」——不会谎报成功。

结果永远不比原图差

如果没有缩小尺寸、编码后反而更大，程序会直接交付原文件并标注「保留原图」。这条规则让「压缩」不会出现负收益，代价是有些行看起来「没干活」。

参数不自动重压

改质量、改尺寸、改格式都只会亮起一条提示，结果仍是旧参数算出来的。确认后点「重新压缩 N 张」。批量 × 多次编码的代价很高，跟随滑杆实时重算会把主线程按死。

命名与对比

输出名是原名加 -min（换了格式就换扩展名），同一批出现重名会补 -2、-3，否则 ZIP 里后写的条目会覆盖先写的。压缩包名是 compressed-images-20261024-1208.zip。点任意一行可以打开对比灯箱，中间那条分割线可以逐像素拖看画质差异，← / → 切换上下张。

重编码只写像素，EXIF（拍摄设备、光圈快门、GPS 坐标）不会保留。这通常正是你要的，但如果依赖 EXIF 归档，请先备份原图。

边界与限制

体积、数量、尺寸的上限

• 没有服务端：没有上传接口，也没有账号。好处是隐私与断网可用，代价是刷新即清空，结果只活在这个标签页里。
• 4096 px 降采样：转换器与图标工坊对超长边原图先降到 4096，再生成。低于目标规格的图仍会被放大，这一步救不回来。
• 画布内存：移动端一次生成 11 张容易卡，减少勾选数量就能缓解；批量压缩一次 60 张、单张 50.00 MB 是硬上限。
• 格式限制：GIF 动图重编码会丢动画，SVG 是矢量、位图转过去必然失真，HEIC 浏览器解不了——这三个在批量压缩里会被跳过并写明原因。
• 透明与格式的绑定：透明底只能是 PNG；JPEG 场景下透明区域会被铺成你选的背景色。

常见问题排查

结果不对时按顺序查