如何压缩图片而不损失质量
快速解答
要压缩图像:打开图像压缩器,上传图像(或拖放),调整质量滑块(JPEG/WebP 的 80-90 通常不可见),然后下载压缩结果。所有处理都使用 Canvas API 在本地进行 - 您的图像永远不会上传到服务器。
介绍
大图像会降低网站速度,增加带宽成本,并损害 SEO 排名。压缩图像通过删除冗余数据来减小文件大小,并且对于 JPEG/WebP,丢弃视觉上不重要的细节(有损压缩)。对于 PNG,压缩是无损的——不会丢弃任何数据。目标是找到没有明显质量差异的最小文件大小。本指南向您展示如何使用免费的在线工具在浏览器中压缩图像。
步步
-
打开图像压缩器工具
进入图像压缩工具页面。该工具支持 JPEG、PNG 和 WebP 格式,并使用浏览器的 Canvas API 在本地处理图像。
-
上传您的图片
单击上传按钮或将图像拖放到工具上。该工具使用 FileReader 将图像加载到内存中,并创建一个画布进行处理。支持的格式:JPEG、PNG、WebP 和 BMP。
-
选择输出格式
选择输出格式。对于照片,JPEG 或 WebP 可提供最佳压缩效果。对于颜色很少的图形(徽标、图标),PNG 更好。在同等质量下,WebP 生成的文件比 JPEG 小约 30%。
-
调整质量
对于有损格式(JPEG、WebP),设置质量滑块。 80-90 人眼通常无法区分原始图像。较低的值 (60-70) 会生成具有可见伪影的较小文件。对于 PNG(无损),质量不适用。
-
下载压缩图像
单击“下载”以保存压缩图像。该工具显示原始文件和压缩文件的大小以及减少的百分比。目视比较以确保质量可以接受。
示例
JPEG 照片压缩
输入: photo.jpg(2.5 MB,质量 100)
输出: photo-compressed.jpg(350 KB,质量 85)— 减少 86%,没有明显差异
PNG 到 WebP 转换
输入: 图片.png (1.2 MB)
输出: image.webp(180 KB,质量 90)— 减少 85%
积极的 JPEG 压缩
输入: photo.jpg(2.5 MB,质量 100)
输出: photo-tiny.jpg(120 KB,质量 60)— 减少 95%,可见伪影
常见问题
- 压缩已经压缩的图像 - 重新压缩 JPEG 会导致生成丢失。如果可能,请始终从原始文件(PNG 或 RAW)进行压缩。
- 对图形使用 JPEG —JPEG 伪像在锐边、文本和平面颜色上可见。使用 PNG 或 WebP 作为徽标、屏幕截图和插图。
- 忽略 WebP —WebP 在同等质量下生成的文件比 JPEG 小 25-35%,并且所有现代浏览器都支持。
- 调整大小与压缩——对于大尺寸,调整大小(例如,从 4000 像素到 2000 像素)通常比单独的质量压缩节省更多。
提示
- 对现代网站使用 WebP — 它支持有损和无损压缩,并且比 JPEG 小约 30%。
- 将照片的 JPEG 质量设置为 80-85 — 这是文件大小急剧下降但质量损失不可见的最佳位置。
- 在压缩之前将图像大小调整为显示尺寸 - 以 800 像素显示的 4000 像素图像会浪费带宽。
- 使用我们的图像压缩器进行即时、私人处理 - 您的图像永远不会离开您的浏览器。