苹果为什么要像在apple.com上一样创建一些图像资产?

问题描述

如果您访问新的iPhone 12页面,则有一些图像序列(主要是JPG序列)使用图像资产,其中图像本身是由248px x 8px的块构成的。

enter image description here

图像序列由以下资产组成:

enter image description here

他们使用画布,并可能用JS拼凑零件。但是为什么他们要这样做呢? 该页面可以在这里找到:https://www.apple.com/iphone-12-pro/

解决方法

我认为这与以下事实有关:大尺寸和高分辨率图像会大大降低页面加载速度。在苹果的产品页面上有很多。

因此,以这种方式对图像进行切片允许浏览器并行下载多个图像,而不是一个较大的图像。因此,显示相同图像所需的时间更少。