01
照片
JPG 仍然适合照片和广泛兼容场景；WebP 在视觉质量接近时往往能得到更小的交付文件，适合现代浏览器。每张照片应缩放到接近实际最大展示尺寸，并使用响应式图片版本，而不是向所有屏幕发送同一张超大原图。
指南
网站图片适合用什么格式
没有一种格式适合所有网站图片，正确选择取决于图片内容和浏览器支持。
实用指南已按常见浏览器使用场景整理
02
图形和透明背景
PNG 适合截图、界面图形和透明背景；WebP 也能保留透明度，并可能进一步减小体积。对于简单 Logo 和图标，SVG 通常更合适，因为任意缩放都清晰且可编辑；但 SVG 并不能替代复杂照片。
03
首屏大图与页面速度
页面上最大的可见图片通常最影响用户对加载速度的感受。首屏主图不要懒加载，应明确设置宽高来避免布局跳动，并仔细压缩。页面下方的图片则通常可以懒加载，避免与关键内容争抢资源。
04
按内容选择，而不是凭习惯
一个网站同时使用多种格式完全合理：商品照片用 WebP 或 JPG，截图用 PNG，Logo 用 SVG。应使用有代表性的图片测试，因为最佳结果取决于纹理、透明度、清晰边缘和访客浏览器，而不只是扩展名。
05
实用发布检查表
保留母版，按目标构图裁剪，缩放到合理展示尺寸，选择适合内容的格式，并在发布前比较画质。图片承载信息时还要添加有意义的替代文本。最后应在移动端和较慢网络下测试实际页面，而不是孤立地只看文件。