图片是网页性能的关键

图片通常占据网页总大小的 60% 以上，优化图片是提升页面加载速度最有效的手段之一。

优化策略

• 选择正确的格式： 照片用 JPEG/WebP，图标/透明图用 PNG/WebP，动画用 WebP 替代 GIF。
• 压缩图片： 使用本工具适当降低质量，在不影响视觉效果的前提下减小体积。
• 设置合适的尺寸： 不要上传 4000px 宽的图片用于显示 800px 的容器，使用本工具调整最大尺寸。
• 使用响应式图片： 通过 srcset 提供不同分辨率版本，让浏览器按需加载。
• 启用懒加载： 对非首屏图片使用 loading="lazy" 或 JS 懒加载库。
• 使用 CDN： 加速图片全球分发。

本工具的配合

使用图片压缩/转换工具，你可以快速生成多种格式和尺寸的版本，配合 srcset 或 picture 元素实现最优加载。