为什么图像压缩很重要
图像是导致网页加载缓慢的最大因素。一个典型的未优化页面加载 2-5MB 的图像。适当的压缩可以将其减少到 500KB 以下,而用户不会察觉到明显的差异。
关键见解是,“无质量损失”并不意味着无损压缩, , 它指的是在正常观看尺寸下,质量降低对人眼不可察觉的压缩。
有损压缩与无损压缩
无损压缩(PNG,无损WebP)在不删除任何图像数据的情况下减少文件大小。每个像素都被精确保留。最适合用于徽标、图标、截图和边缘清晰的图形。
有损压缩(JPG,WebP,AVIF)删除人眼最不容易注意到的图像数据。在75-85%的质量设置下,结果在视觉上与原始图像相同,但文件大小减少30-80%。
哪种格式提供最佳压缩?
WebP在相同视觉质量下比JPG文件小25-35%。AVIF比JPG文件小40-50%。两者都支持透明度,而JPG不支持。
为了与旧版浏览器的最大兼容性,质量为80-85的JPG仍然是照片的可靠选择。对于新网站,建议使用WebP,并将JPG作为后备格式。
不同图像类型的最佳方法
照片(JPG,WebP,AVIF)
使用质量为80-85的JPG或质量为80的WebP。这些设置在视觉上与原始照片无区别。避免低于70的质量设置, , 伪影会变得明显。
带透明度的图形(PNG,无损WebP)
对于徽标、图标和用户界面元素,使用带有PNG优化器的PNG(去除元数据并优化调色板)。无损WebP比PNG小25%,且质量相同。
截图(PNG或无损WebP)
接口的截图有清晰的文本和边缘。使用无损压缩保持文本清晰。有损压缩会导致文本和直线出现明显的伪影。
社交媒体的图像
社交平台在上传时会重新压缩图像。上传前使用质量为90的JPG或质量为85的WebP。较低的质量设置会导致双重压缩伪影。
逐步操作:在浏览器中压缩图像
选择合适的压缩工具
使用免费的图像压缩工具。它完全在您的浏览器中运行, , 您的图像从未上传到任何服务器。选择您的图像类型以获得最佳压缩设置。
上传您的图像
将图像拖放到压缩工具中。它支持JPG、PNG、WebP、GIF和大多数常见图像格式。您可以一次压缩多个图像。
调整质量设置
对于照片从质量80开始,对于截图从质量90开始。实时预览显示压缩结果与原始图像并排对比。调整直到达到合适的平衡。
下载压缩后的图像
点击下载以保存您的压缩图像。比较文件大小, , 您应该看到照片的大小减少40-80%,而没有任何可见的质量差异。
最大压缩的专业技巧
在压缩前转换为WebP
将JPG转换为质量为80的WebP文件比质量为80的JPG文件更小。WebP在相同视觉质量水平下更高效。
压缩前调整大小
在显示为800x600px时提供4000x3000px的照片会浪费带宽。在压缩前将图像调整为最大显示尺寸。
去除元数据
EXIF数据(GPS位置、相机设置、缩略图)可能会为图像增加20-多次转换B。在在线分享图像之前去除元数据。
参考资料
需要更多帮助吗?
我们的图像压缩器完全免费,没有限制。压缩 JPG、PNG、WebP 和 GIF 图像而不会明显损失质量。
为了获得更好的压缩效果,考虑转换为 WebP 格式 - 通常在相同视觉质量下比 JPG 小 25-35%。
免费压缩图像