无论您需要满足电子邮件附件限制、加快网页速度还是满足表单的文件大小要求,减小图像文件大小是每个数字工作者都需要的技能。以下是七种经过验证的方法,按影响力从大到小的顺序排列。
1. 调整到正确的尺寸
影响:巨大(通常减少 80–95%)
智能手机拍摄的 4000×3000 像素照片为 12 兆像素。如果它将在网页上以 800×600 像素显示,则您将发送比所需多 20 倍的像素。仅调整大小就可以将 5 MB 文件变成 200 KB 文件。
- 检查显示容器的宽度
- 针对 Retina 屏幕以 2 倍导出
- 使用操作系统的内置图像编辑器、预览 (Mac)、照片 (Windows) 或在线工具
2.使用有损压缩
影响:高(质量降低 60–80%,质量降低 75–85%)
有损压缩消除了人类无法轻易感知的视觉信息。在质量 75-85% 时,与原始版本的差异在屏幕上几乎看不见。 压缩图像等工具可让您实时控制质量滑块。
3. 转换为较小的格式
影响:高(减少 25–50%)
如果您使用 PNG 拍摄照片,切换到 JPEG 或 WebP 可以将文件大小缩小 10–20 倍。在相同的视觉质量下,WebP 通常比 JPEG 小 25-35%。请参阅我们的格式比较指南。
4. 剥离元数据
影响:低到中度(减少 1–20%)
来自相机和手机的照片带有 EXIF 数据:GPS 坐标、相机型号、镜头信息、缩略图等。剥离此数据可减少文件大小,并删除潜在的敏感位置信息。
5.减少颜色深度
影响:对于 PNG/GIF 中等
如果 PNG 图形仅使用 32 种不同的颜色,则不需要 24 位颜色。减少到 8 位调色板(256 色)可以将 PNG 尺寸缩小 50-70%,而简单图形不会发生任何明显的变化。
6. 裁剪不需要的区域
影响:可变
压缩前,检查图像是否包含不必要的空白、边框或可以裁剪的背景区域。更少的面积 = 更少的像素 = 更小的文件。
7. 使用渐进式加载
影响:感知(相同的文件大小,更快的感知加载)
渐进式 JPEG 首先渲染模糊预览,然后锐化。这不会减小文件大小,但会使页面感觉更快,因为用户会立即看到内容而不是空白区域。
💡最佳组合:调整大小→转换为WebP→以质量78压缩。这个三步工作流程可以处理90%的图像优化需求。
结论
从调整大小开始——这是最大的杠杆。然后选择正确的格式并应用 75-85% 的有损压缩。仅这三个步骤就可以处理绝大多数用例。为了进行微调,请在适当的情况下剥离元数据并降低颜色深度。