图片网站如何兼顾清晰度与速度？

根据用途选择图片格式

照片和复杂配图优先使用 WebP 或 AVIF，并保留兼容格式作为回退。缩略图、列表图和详情大图应分别输出，不要用一张原图承担所有场景。保持主体清晰比盲目追求极小体积更重要。

让资源按需到达用户设备

首屏图片优先加载，屏幕外内容使用原生懒加载。通过 srcset 和 sizes 提供响应式尺寸；图片、样式和脚本配置长期缓存，静态图片经 CDN 分发。上传后自动生成多种规格，避免编辑手工处理。

• 明确设置图片宽高，减少页面布局跳动。
• 详情页大图支持预览，但不默认下载原始文件。
• 定期清理无引用的旧文件和重复资源。

使用数据判断优化是否有效

持续观察首屏加载、最大内容绘制、图片请求体积和缓存命中率。将优化前后数据记录下来，优先处理访问量高且加载慢的页面，而不是针对单一测试分数做无意义调整。