图片优化
阅读时间：1分钟更新于 2024-12-31 10:12
减少图片资源
Galacean Effects Studio 提供了优化图片的面板（开发-优化），请联系设计同学减少不必要的资源，所有的图片会被合并打包，点击“预览优化效果”可以查看到最后上线图片的总和。
缩小图片尺寸
我们通常只关注图片的大小，通过各自有损/无损压缩工具将图片压到可接受范围的最低值。
如果使用了过大的图片，会导致加载速度过慢，首先参见图片优化文档检查没有过大的图片。如果有过大的图片，请缩小或者删除相应元素。
所以，图片的尺寸同样也需要“压缩”，裁剪到像素范围内的最小值，如：
实际尺寸（px） | ||
❌ 错误姿势 |
| 500 × 889 |
✅ 正确姿势 |
| 165 × 192 |
同时，有些情况，也可以将图片缩小，比如：750 标准的视觉稿，部分图片可以缩小为 640 甚至更小的尺寸，再通过编辑器进行放大（是否缩放/缩放程度可根据实际视觉效果确定）。
慎用 AVIF 格式图片
AVIF 旨在提供比现有图片格式（如JPEG、PNG、WebP等）更高的压缩效率和更好的图像质量。它通过先进的压缩算法减少了图片所占的空间，从而节省了存储和传输成本，但这往往是以牺牲一定的编码和解码时间为代价的，解码时也可能需要更多的 CPU/GPU 性能，这可能会增加设备的负载，特别是在使用较旧或性能较低的硬件时。一句话：这是“时间换空间”，加载快了，解码慢了。
经过各阶段耗时测试分析，AVIF 的图片解码耗时普遍较高：
PNG 格式 |
|
AVIF 格式 |
|
因此，应根据你的场景实际测试是否选择 AVIF 格式图片，以平衡网络请求和解码的耗时，获得最佳的加载体验。
Preview