压缩图片,让页面加载更快

    大图片是网页加载缓慢的常见原因之一。本指南说明如何在保留观感的同时缩小图片体积,并提供可直接在浏览器中运行的工具。

    什么时候应该压缩图片

    凡是大于约 150 KB、出现在首屏、图库或全站都要加载的内容中的图片,都应优先压缩。装饰性图片则应尽量更小。

    • 主视觉图尽量低于 200 KB
    • 正文图片尽量低于 120 KB
    • 缩略图和图标尽量低于 30 KB

    先选对格式

    像 WebP 这样的现代格式通常能显著减小体积。如果需要透明背景,WebP 或 PNG 更合适。若暂时不使用 WebP,JPEG 仍然适合照片。

    • WebP 适合大多数场景
    • JPEG 适合照片
    • PNG 仅在需要透明时使用

    建立稳定流程

    先调整尺寸,再进行压缩。先把图片导出成实际显示尺寸,再压缩,避免为用户永远看不到的像素浪费体积。

    将此工具与其他工具结合的相关流程。

    将此工具与其他工具结合的相关流程。

    直达你需要的结果。

    常见问题

    压缩会明显损失画质吗?

    高质量压缩主要移除肉眼不易察觉的数据。对关键图片可以把质量设高一些,仍然能明显减小体积。

    WebP 对 SEO 安全吗?

    安全。现代浏览器已广泛支持 WebP,而且更快的页面通常更有利于长期 SEO 表现。