实用答案
要把一张图片压到 100KB 以下,从像素入手,而不是先动质量滑块。如果文件是一张手机照片,把长边调整到大约 8001000px,用 JPG 以约 7080 的质量导出,然后查看下载后的文件大小。200KB 上限则从 12001600px、质量 7585 起步。50KB 上限则先按门户要求的像素尺寸调好,再仅在必要时降低 JPG 质量。
顺序很重要。一张 4032 x 3024 的手机照片包含超过 1200 万像素,而 1000 x 750 的副本只有 750,000 像素。如果目的地是表单缩略图、头像、证件照上传或小文档附件,像素少一些通常比用很低的质量把原图压扁更好看。
而且大多数上传页并不要求文件正好是 100.0KB,只要低于上限即可。稍微低于上限一些 —— 例如 100KB 上限用 9295KB、200KB 上限用 185195KB —— 因为有些门户按 1000 字节算千字节,有些则显示 1024 字节的 KiB。
动照片之前,先读上传规则
大小报错只是规则的一部分。压缩之前,在上传页确认五点:
- 最大文件大小: 50KB、100KB、200KB、500KB、1MB 或其他上限。
- 允许的格式: JPG/JPEG 最稳妥。有些表单允许 PNG。较少接受 WebP 或 AVIF。
- 像素尺寸: 门户可能要求 600 x 600、413 x 531、1200 x 1600 或最大宽度。
- 纵横比: 方形、竖版、文档扫描、横幅或自由。
- 内容规则: 证件与护照照片可能要求纯色背景、无滤镜、无修饰、面部清晰。
如果表单同时给出像素尺寸和 KB 上限,先设定尺寸,再对已调整好的副本进行压缩。若先压缩后调整尺寸,最终导出很容易再次超限。
常见 KB 目标的初始设置
这些是起点,不是承诺。纯背景下的简单头像比背景中有树叶、布料、文字、噪点或繁忙街景的照片压得小得多。
| 目标 | 常见用途 | 从这里开始 | 需要检查 |
|---|---|---|---|
| 小于 20KB | 扫描签名、非常旧的小表单 | 裁掉空白、宽 300 |
签名依然清晰可读 |
| 小于 50KB | 签证缩略图、小证件上传 | 要求的像素尺寸或 500 |
眼睛、边缘、文字保持清晰 |
| 小于 100KB | 求职门户、考试表单、头像 | 长边 800 |
面部不出方块、文档字迹不糊 |
| 小于 200KB | 高校表单、较大的头像 | 长边 1200 |
正常屏幕大小下锐利 |
| 小于 500KB | CMS 上传、邮件、商品草稿 | 长边 1600 |
大小与细节的良好平衡 |
如果上传页接受 WebP,且 JPG 之后文件仍嫌大,就尝试 WebP。Google 的 WebP 文档指出,等价质量下有损 WebP 文件可能比可比较的 JPEG 更小,但对于表单来说兼容性仍是最终决定因素。
把质量压得太低之前,先换格式
换格式往往比极端降质更干净。
- 表单选 JPG: JPG 几乎哪里都能用,是政府门户、学校系统、招聘平台和老式上传控件最稳妥的选择。
- 网站选 WebP: 当 CMS、目标浏览器或分发管道接受时,WebP 是实用的网页格式。它经常能以比 JPG 更少的可见瑕疵达到 100KB 或 200KB。
- AVIF 只在被接受时用: AVIF 可以生成非常小的文件,但很多非网页上传表单会拒绝它。除非表单明确列出 AVIF,否则严格的表单不要使用 AVIF。
- 照片避免 PNG: PNG 是无损的,适合截图、Logo、示意图和透明。对于压到 100KB 以下的相机照片来说,通常是错的格式。
- 先转 HEIC: 如果来源是 iPhone 的 HEIC,而门户要 JPG 或 PNG,先转成 JPG,再去追 KB 目标。
图片远远太大时,先调整尺寸
PhotoTools 的 Compress 工具会改变质量和输出格式,但不会改变像素宽高。如果来源是相机全尺寸照片,请先用 Resize 工具,再对调整过的副本进行压缩。
对普通头像或文档上传,以下长边尺寸比较现实:
- 500~700px: 非常小的 50KB 目标、签名、缩略图和简单头像。
- 800~1000px: 大多数只在屏幕上审阅图像的 100KB 表单。
- 1200~1600px: 大多数 200KB 头像、高校表单、集市在售商品和申请上传。
- 1600~2000px: 更看重质量、目标接近 500KB 或 1MB 的网站图片。
如果门户要求精确尺寸,就不要用长边的粗略值。在 Resize 工具中输入要求的宽高,除非门户明确要固定裁切,否则保持锁定比例,导出正确形状的副本,再压缩这份文件。
100KB 或 200KB 上限时如何使用 PhotoTools
当上传页给出严格的文件大小上限且你希望图像保持私密时,使用以下流程:
- 保持原始文件不动。
- 如果照片比目的地所需大,打开 Resize,设置目标像素并下载调整后的副本。
- 打开 Compress,把调整后的 JPG 或 PNG 拖入。
- 选择输出格式。为兼容表单选 JPG;仅当目的地接受时选 WebP。
- 把质量设为 80,点击「全部压缩」。
- 读一下卡片:PhotoTools 会在压缩后显示原始大小、输出大小和节省百分比。
- 若结果仍超过上限,回到原文件或调整过的副本,把质量降到 70 再导出一次。
- 一旦下载文件明显低于上限且看起来仍清晰,就停止。
不要反复压缩已经压过的下载文件。反复重新编码 JPG 会累积瑕疵。如果第一次尝试太大,回到原文件或干净的调整副本,用较低质量导出新版本。
秘方:把 JPG 压到 100KB 以下
用于表单照片、商品缩略图或求职档案头像:
- 除非门户给出精确尺寸,否则把长边调到 900 或 1000px。
- 导出为 JPG。
- 从质量 80 开始。
- 如果文件是 110
130KB,试试质量 7275。 - 如果仍超过 100KB,在把质量压到 60 以下之前,再把长边缩小 150~200px。
结果在正常观看尺寸下应仍然干净。如果 100% 缩放时面部、标签或文档文字看起来像蜡状,说明图像相对字节预算的像素太多。较小的图像配更高的质量通常比大图配质量 35 更好看。
秘方:把 JPG 压到 200KB 以下
200KB 上限余量更大,因此不要过度压缩:
- 把长边调整到 1200~1600px。
- 以质量 80~85 导出 JPG。
- 如果文件落在约 220KB,把质量降到 75~78。
- 如果背景繁杂而文件仍然大,就调整到 1200px,而不是把质量滑块拉得太低。
当图像仍需要可查看时使用 200KB:申请用头像、小商品照、扫描证书、课堂提交,以及浏览者可能稍作放大的 CMS 上传。
秘方:把签证或护照照片压到 50KB 以下
证件照上传与众不同,因为文件大小不是唯一规则。裁切、面部位置、背景、表情和光线比字节数更重要。
先从门户的官方像素尺寸入手。若要求 600 x 600,就做一张 600 x 600 的文件。若给出最小与最大,就保持在此范围。然后以约 70 的质量导出 JPG 并查看大小。若仍超过 50KB,把质量降到 60~65,或仅在门户允许时减小尺寸。
不要用美颜滤镜、AI 锐化、面部修饰、背景替换或强烈的色彩编辑来修补一张不佳的官方照片。调整尺寸和压缩属于文件准备。改动面部或背景属于合规风险。
秘方:把签名或扫描表单压到 20KB
小的签名上传因另一种原因失败:人们压缩的是整张手机拍摄的纸张,而不是签名本身。
先裁切。去掉桌面、桌子、阴影和空白纸张。紧凑的裁切能比任何压缩设置都更能缩小文件。然后把裁切后的图像调整到宽 300500px,并以质量 5565 导出为 JPG。如果表单允许 PNG,而签名是白底纯黑文字,PNG 可能保持清晰,但也可能超出上限。两个都试,留下更小且可读的那个。
上传前将图像放大到正常屏幕大小,确认笔画没有断裂。使签名不可读的 12KB 文件并不算胜利。
PNG 截图与透明图像怎么办
带文字的截图、Logo 或透明图形和照片是两回事。
当图像需要透明、清晰的界面文字或准确的平面颜色时,保留 PNG。如果门户只关心一张小预览且接受 WebP,WebP 可以把截图压得很小并保持比 JPG 更干净的边缘。只有当表单接受 JPG,且导出后文字仍可读,才对截图使用 JPG。
对于透明 PNG,请记住 JPG 没有透明。导出到 JPG 会把透明区域压平为背景色。如果图像是 Logo 或叠加素材,请保留一份干净的 PNG 母版,仅在目的地要求 JPG 时才生成一份压平的上传副本。
文件低于上限却被拒绝的原因
如果最终文件显示 96KB,门户仍拒收,请在再次压缩前检查这些问题:
- 扩展名不对: 门户要
.jpg或.jpeg,而不是.webp、.avif、.heic或改名的文件。 - 尺寸不对: KB 大小合适,但像素宽高在允许范围之外。
- 纵横比不对: 要求方形照片,而图像是竖版或横版。
- 文件离上限太近: 电脑显示 100KB,但门户按精确字节计算。请导出到 92~95KB。
- 渐进式或异常编码: 部分老门户会拒收完全有效的图像。请用浏览器工具重新导出为普通 JPG。
- 文件名问题: 去掉特殊字符、表情符号、过长名称与空格。使用类似
photo.jpg的名字。 - 可见内容问题: 证件照文件可能技术上有效,却因阴影、裁切、表情、眼镜、背景或修饰而被拒。
如何快速判断质量
上传前做三十秒复核:
- 打开下载后的最终文件,而不是预览。
- 在 Finder、Windows 属性或上传对话框中查看精确文件大小。
- 用审阅者可能看到的尺寸查看。
- 放大到 100% 一次,观察眼睛、文字、Logo 边缘、渐变和皮肤纹理。
- 如果看到方块、光晕、糊掉的细节或无法辨认的文字,请使用更少的像素与更高的质量,而不是再降一次质量。
对于网站图片,也要在版面中查看该图。如果浏览器需要把它拉升进大的头图槽位,100KB 的文件也可能显得糟糕。对小型表单上传,正常观看大小比像素级放大更重要。
隐私与元数据说明
PhotoTools 在浏览器中处理压缩。工具会解码图像,把像素绘制到 OffscreenCanvas,然后按选定的质量导出新的 JPG、WebP、AVIF 或原格式文件。MDN 记录 canvas 导出对于支持有损压缩的格式,可以同时指定输出类型与质量。
因为输出是从 canvas 像素创建的,相机元数据通常不会被复制到新文件里。这可以移除 GPS 坐标、相机型号、时间戳与编辑软件标签。如果文件敏感,请用元数据检查器核对最终下载,而不要认定每个隐藏字段都已消失。
不要做的事
- 不要仅为缩小而对照片截屏;截图往往会加入模糊、改变颜色,并生成更差的源。
- 不要通过聊天应用把图像发给自己充当「压缩器」;许多应用会不可预测地调整尺寸并丢掉有用细节。
- 不要压缩原始文件的唯一副本。保留全分辨率源,再从中生成上传副本。
- 不要一上来就用最低质量。降到质量 60 以下之前,先尝试合理的尺寸调整。
- 不要在只列出 JPG/JPEG/PNG 的表单里用 WebP、AVIF 或 HEIC。
简要回顾
面对严格的 KB 目标时,请按以下顺序:
- 读上传规则:大小、格式、尺寸与内容要求。
- 如果照片像素远多于目的地所需,先调整尺寸。
- 用 JPG 获得最大表单兼容性;只有在被接受时才用 WebP 或 AVIF。
- 从质量 80 左右起步,仅在需要时下调。
- 目标低于上限,而不是正好等于上限。
- 上传前检查下载文件大小与视觉质量。
核对过的技术资料
本文对照了 PhotoTools 当前的压缩与调整实现、MDN 的 OffscreenCanvas convertToBlob() 文档、MDN 的图像文件类型指南、Google 的 WebP 文档 以及 web.dev 的 Learn Images 课程。