性能优化入门8 分钟
网站图片怎么优化:格式、压缩与懒加载
图片通常是页面体重的最大头。按内容选格式、先限尺寸再压质量、配上懒加载,三步把图片体积砍下去,加载速度提上来。
图片优化性能WebP
2026年10月30日在浏览器本地压缩图片:可限制最大宽高、调整质量,或指定目标体积自动逼近;PNG 可转 WebP 保留透明。图片不上传服务器,处理完直接下载。
拖拽图片到这里,或点击选择文件
支持 PNG、JPEG、WebP、GIF,单张不超过 50.00 MB
图片只在当前浏览器标签页内处理,不会上传到任何服务器。
不会。整个压缩在当前浏览器标签页内通过 Canvas 完成,图片不会上传到任何服务器,处理结果只保存在本标签页内存中,下载后即完全由你掌控。
在“目标体积”里填写期望的 KB 数,工具会自动在 10%–95% 质量之间二分搜索,找到能达标的最高质量。如果最低质量仍超目标,会明确提示,此时建议同时设置最大宽高,从像素数量上减小图片。
WebP 同等画质下体积通常比 JPEG 小 25% 以上,且支持透明,现代浏览器和主流网站均已支持,默认的“智能”模式会为 PNG 自动选择 WebP。JPEG 胜在极端老旧软件的兼容性;若原图有透明区域且需要保留,请勿选 JPEG(透明会填充为白色)。
相关教程
图片通常是页面体重的最大头。按内容选格式、先限尺寸再压质量、配上懒加载,三步把图片体积砍下去,加载速度提上来。
理解 LCP、INP、CLS 三项指标与移动优先索引,把“技术达标”变成排名的地基。
把一次速度排查拆成 DNS、网络、服务器、应用和浏览器五层,用测量结果决定优化顺序。
相关工具