爱奇艺图片格式演进
01 背景 图片是爱奇艺APP页面的主要视觉元素,对整体用户体验有着至关重要的影响。同时,由大量启动带来的图片CDN峰值带宽成本也有待降低。因此,在努力提升用户体验的同时,优化图片CDN峰值带宽成本已成为一项关键任务。而决定图片显示质量和文件体积的编解码格式,就是优化的关键所在。 1、图片格式简介 爱奇艺APP中使用了各种各样的图片格式,具体对比如下: 格式 是否支持透明 是否支持动图 爱奇艺APP使用场景 JPG 否 否 视频封面图、一般素材图 PNG 是 是 透明素材图 GIF 是 是 动图 WebP 是 是 视频封面图、一般素材图、透明素材图、动图 HEIC 否 是 视频封面图、一般素材图、动图 AVIF 是 是 视频封面图、一般素材图、透明素材图、动图 随着图片技术的发展,新的图片格式整体采用了压缩率更高的编解码算法,同等图像质量的情况下,文件大小有明显的降低。各种图片格式的文件大小对比: 2、图片主要使用场景 场景 图片示例 场景 图片示例 封面图 运营图 资源图 素材图 头像图 UGC 3、图片格式演进历程 2020年Q3以前:爱奇艺APP主要使用JPEG格式图片 202...