在线处理图片:压缩、改尺寸、裁剪、水印各在什么场景用
网页图片太慢该压还是该改尺寸?JPEG、PNG、WebP 怎么选?本文按处理目的区分六类图片工具,给出体积优化的实际顺序。
核心要点
- 图片体积主要由像素数量决定,其次才是格式与压缩质量——应先按用途缩到目标尺寸,再考虑压缩。
- JPEG 适合照片但不支持透明,PNG 无损且支持透明但照片体积大,WebP 在同等观感下通常更小。
- 网页交付前应先确认容器宽度的两倍像素需求,再用这个尺寸而不是原图去压缩。
图片优化最常见的误区是一上来就压缩。实际上体积主要由像素数量决定,格式次之,压缩质量为最末——先把一张 4000×3000 的照片压到最低画质,可能仍比先缩到 1200 宽、再用较高画质保存的结果大得多。
先算清楚要多大
网页展示通常不需要超过容器宽度的 2 倍像素。用图片改尺寸按目标宽度缩放,或用宽高比确认缩放后是否会变形。
六类处理
| 目的 | 工具 | 说明 |
|---|---|---|
| 减小体积 | 图片压缩 | 调质量与尺寸,实时对比前后大小 |
| 换格式 | 图片格式转换 | PNG/JPEG/WebP 互转 |
| 改像素尺寸 | 图片改尺寸 | 可锁定比例避免变形 |
| 裁掉多余部分 | 图片裁剪 | 按像素或百分比取区域 |
| 调色 / 视觉效果 | 图片滤镜 | 灰度、怀旧、模糊等 |
| 加版权标识 | 图片加文字水印 | 可平铺、可调透明度 |
JPEG、PNG 与 WebP 怎么选
- JPEG:有损压缩,适合照片与渐变丰富的图,不支持透明。
- PNG:无损压缩,适合截图、图标、需要透明背景的素材,照片体积会很大。
- WebP:同等观感下通常比 JPEG 更小,并支持透明;适合网页交付,但需确认目标平台兼容。
需要按打印尺寸交付时,先用分辨率换算确认所需像素;给图片搭配题材相近的配色时,可用图片主色调提取直接取色。
常见问题
先压缩还是先改尺寸?
先改尺寸。体积主要由像素数量决定,把 4000 像素宽的照片压到最低画质,往往仍比先缩到 1200 宽、再用较高画质保存的结果更大。
为什么 PNG 转 JPEG 后透明区域变黑了?
JPEG 不支持透明通道,压平时会按背景色填充,常见底色是黑色或白色。需要保留透明请继续用 PNG 或改用支持透明的 WebP。
反复编辑同一张图会越来越糊吗?
会。每保存一次 JPEG 都会再做一次有损压缩,画质损失会累积。应保留一份原图或无损副本,所有编辑都从它派生,最后才输出 JPEG。
打印需要的图片要多大的像素?
按 300 DPI 估算,宽 10 厘米需要约 1180 像素。可用分辨率换算工具由物理尺寸与输出精度倒推所需像素。
最后更新:2026-09-19