如何在不损失质量的情况下缩小图片文件大小
By Artur1 分钟阅读
你有一个文件夹，里面全是照片。看起来都很棒。但每张都有5MB，你的网站加载起来慢得像回到了2010年。
你需要把文件变小。但问题是，你不想让它们变模糊。好消息是：你不必在小文件和清晰图片之间做选择。你只需要知道哪些方法真正有效。
让我们来看看每种能缩小文件大小、同时保持图片清晰的方法。
大多数相机和手机保存的图片数据远超你的需要。一张1200万像素的手机照片很容易达到6-8MB。打印海报没问题。但用在网站、邮件或社交媒体上？完全没必要那么大。
多余的文件大小来自这些地方：
缩小文件的第一步？弄清楚哪些东西可以去掉，而不会有任何可见的变化。
这是你要做的最重要的选择。有损压缩和无损压缩的工作方式不同，各自适合不同的场景。
无损压缩只移除冗余数据。你可以把它想象成更高效地整理行李箱——所有东西都还在。ZIP文件就是这样工作的。PNG也使用无损压缩。你能得到更小的文件，质量完全不变。缺点是缩小幅度有限，通常只有20-40%。
有损压缩会丢弃你的眼睛可能注意不到的数据。JPEG就是这样做的，WebP也是。节省的空间非常可观：文件可以缩小60-90%。而且在合适的设置下，你真的看不出区别。
这里有一个经验法则：
| 使用场景 | 最佳方法 | 原因 |
|---|---|---|
| 网页照片 | 有损压缩，质量80-85% | 大幅节省空间，看不出差别 |
| 带文字的截图 | 无损压缩（PNG） | 文字保持清晰 |
| 标志和图标 | 无损压缩（PNG/SVG） | 锐利的边缘很重要 |
| 电商产品图 | 有损压缩，质量85-90% | 质量和速度的平衡 |
| 印刷文件 | 无损或极少有损 | 每个细节都很重要 |
大多数照片的最佳设置？有损压缩，质量设为80%。你能减少70%以上的文件大小。而且没有人会注意到。
格式的选择比你想象的更重要。同一张照片用不同格式保存，文件大小可以相差10倍。
各主要格式的对比：
JPEG是照片的经典选择。它能很好地处理渐变和色彩。质量设为80时，一张典型照片大约200-400KB。但JPEG不支持透明背景，而且每次重新保存都会降低质量。
PNG非常适合图形、标志和截图。它是无损的，所以质量完美。但对于照片来说文件太大，通常有2-5MB。
WebP是现代的最佳选择。它的压缩效果比JPEG更好，而且支持透明背景。同一张照片在同等视觉质量下，WebP通常比JPEG小25-35%。所有主流浏览器现在都支持它。
AVIF更进一步。它在同等质量下可以比JPEG小50%。浏览器支持正在快速增长。如果你的用户使用现代浏览器，AVIF是照片的最佳选择。
快速建议：把你的网页图片转换为WebP。这是收效最大的单一改变。
调整尺寸是缩小文件最快的方法。一张4000×3000的照片有1200万像素。缩小到1200×900就只有100万像素了。在压缩之前，数据就已经减少了92%。
但如果方法不对，调整尺寸会让图片变模糊。以下是正确的做法：
网页图片的推荐目标宽度：
你有很多选择。有些快捷简单，有些提供精细控制。以下是值得使用的工具。
CompressIMG可以在浏览器中完成整个过程。拖入你的图片，选择质量，然后下载更小的版本。不需要安装任何软件。它支持JPEG、PNG、WebP和AVIF。你可以查看我们的与其他工具的真实对比，看看它的表现如何。
ImageOptim（Mac）和FileOptimizer（Windows）是不错的免费选择。它们一键就能去除元数据并应用智能压缩。
Adobe Photoshop通过导出为Web格式功能给你完全的控制。你可以并排预览压缩版本和原始版本，精确调整质量设置。
对于批量处理，命令行工具很难被超越：
# 使用mozjpeg压缩文件夹内所有JPEG
for file in *.jpg; do
cjpeg -quality 80 "$file" > "compressed/$file"
done
# 使用cwebp转换为WebP格式
for file in *.jpg; do
cwebp -q 80 "$file" -o "${file%.jpg}.webp"
done
如果你运营网站，可以考虑在构建流程中自动化压缩。sharp（Node.js）或Pillow（Python）等工具可以在部署时调整大小和压缩。Cloudflare和Imgix等CDN可以实时处理。
想深入了解所有选项，请查看我们的最佳图片压缩工具汇总。
通用的压缩我的图片设置会牺牲质量。以下是每种格式的最佳设置：
可以。有几种方法可以在不改变任何像素的情况下缩小文件大小：
去除元数据。 删除EXIF、IPTC和XMP数据。这通常每张照片有50-100KB。除非你需要在文件中嵌入位置数据或版权信息，否则就去掉它。
优化编码。 jpegtran和optipng等工具能更高效地重新编码现有图像数据。像素完全相同，文件更小。通常能节省5-15%。
移除颜色配置文件。 大多数网页浏览器会忽略嵌入的ICC配置文件，直接使用sRGB。移除配置文件每张图片可以节省3-5KB。
使用无损WebP。 将你的PNG转换为无损WebP。同样的质量，平均小26%。
裁剪透明边缘。 如果你的PNG有大面积透明区域，裁剪掉它们。让CSS来处理间距。
这些方法不会给你有损压缩那样70-90%的大幅缩减。但组合使用，它们可以在真正零质量损失的情况下减少20-30%的文件大小。
一些常见的习惯实际上会让情况更糟：
重复压缩有损文件。 每次你打开一个JPEG，编辑后再保存，质量都会下降。始终保留原始文件，从原始文件进行压缩。
所有图片用同一设置。 日落照片和电子表格截图需要不同的设置。照片能很好地处理有损压缩，但文字和锐利的边缘不行。
忽略尺寸。 单靠压缩能做的有限。如果你的图片宽4000px，但只显示为400px，先调整尺寸，再压缩。
压缩过度。 JPEG质量低于60%会产生明显的块状伪影。把压缩调到最大很诱人，但别这么做。质量低于70时，文件大小的减少不值得那些难看的结果。
忘记视网膜屏幕。 如果你的网站要适配视网膜显示屏，保存图片时使用2倍显示尺寸。400px的显示区域需要800px的图片。把这个因素纳入你的尺寸目标。
想了解更多网站图片优化的内容，请查看如何为网站压缩图片。它涵盖了从头到尾的完整优化流程。
以下是一张典型6MB手机照片的真实节省数据：
| 方法 | 文件大小 | 节省 | 质量损失 |
|---|---|---|---|
| 原始文件（相机JPEG） | 6.0 MB | — | 无 |
| 去除元数据 | 5.9 MB | 2% | 无 |
| 调整为1600px宽 | 1.8 MB | 70% | 无（如果显示尺寸合适） |
| JPEG质量80 | 420 KB | 93% | 几乎看不出 |
| WebP质量80 | 310 KB | 95% | 几乎看不出 |
| AVIF质量65 | 195 KB | 97% | 几乎看不出 |
从6MB缩小到195KB，整整缩小了30倍。而且图片在屏幕上看起来依然很棒。
最大的收益来自调整尺寸和格式选择。压缩设置是锦上添花。
想全面了解图片压缩的底层原理，请阅读我们的图片压缩完全指南。
你不需要高级软件，也不需要计算机学位。选择合适的格式，调整到你实际需要的尺寸，然后用质量80来压缩。这就解决了90%的问题。
想现在就试试？CompressIMG让你在浏览器中免费缩小文件大小。拖入你的图片，几秒钟就能看到效果。
CompressIMG
无损压缩图片。免费、快速，直接在浏览器中完成。