在创建网站/移动应用程序并适应视网膜/高分辨率屏幕(需要两倍大小的图像)时,为什么只包含更大的图像不是一个好主意,并将其大小缩小到一半,这样你只有一张图像,在非视网膜图像上,它只会变得更小(图像中的细节量相同)。
这样一来,您就不需要双倍的图像数量,因为您只有一张更高分辨率的图像,可以将其缩小到一半以适应两个屏幕?
为什么只包含更大的图像不是一个好主意,并将其大小缩小到一半,这样你就只有一张图像,在非视网膜图像上,它只会变得更小(图像中的细节数量相同)
这不是一个好主意,因为对于人们没有高分辨率/视网膜移动设备的情况,您只是浪费了大约 40% 的图像带宽。
根据流量的大小,额外带宽的成本会很快增加。
3个原因:
这都是关于加载时间的,视网膜图像需要更长的时间来加载。因此,在没有高分辨率的设备上,它们只会减慢速度……
通常这样做是为了节省资源。虽然保存两张图像而不是一张图像所需的空间并不重要,但保存额外分辨率的内存(在非视网膜设备上)确实很重要。此外,每次都必须使用 CPU 来调整图像大小。
JPEG:
获取 2 倍大小的图像并通过硬压缩保存(高达 20-30%)。Retina 使用原始尺寸,其他设备使用半尺寸。这种方式可以节省(有时减少)图像的重量,并提高视觉质量。
示例: 1024 × 640、99 Kb与2048 × 1280、75 Kb
来源 (RU): http: //pepelsbey.net/pres/clear-and-sharp/