在创建网站/移动应用程序并适应视网膜/高分辨率屏幕（需要两倍大小的图像）时，为什么只包含更大的图像不是一个好主意，并将其大小缩小到一半，这样你只有一张图像，在非视网膜图像上，它只会变得更小（图像中的细节量相同）。
这样一来，您就不需要双倍的图像数量，因为您只有一张更高分辨率的图像，可以将其缩小到一半以适应两个屏幕？
问问题
176 次
5 回答
2
为什么只包含更大的图像不是一个好主意，并将其大小缩小到一半，这样你就只有一张图像，在非视网膜图像上，它只会变得更小（图像中的细节数量相同)
这不是一个好主意，因为对于人们没有高分辨率/视网膜移动设备的情况，您只是浪费了大约 40% 的图像带宽。
根据流量的大小，额外带宽的成本会很快增加。
于 2013-07-29T10:04:54.397 回答
1
3个原因：
- 节省带宽（永远不要下载比需要更大的图像）
- 节省性能（扩展需要一些 CPU 资源）
- 改进图像渲染（图像在尽可能接近其原始尺寸的尺寸渲染时看起来最好。不确定是否在所有设备上都有显着差异，但肯定在某些设备上）
于 2013-07-30T11:09:11.767 回答
1
这都是关于加载时间的，视网膜图像需要更长的时间来加载。因此，在没有高分辨率的设备上，它们只会减慢速度……
于 2013-07-29T10:07:21.553 回答
0
通常这样做是为了节省资源。虽然保存两张图像而不是一张图像所需的空间并不重要，但保存额外分辨率的内存（在非视网膜设备上）确实很重要。此外，每次都必须使用 CPU 来调整图像大小。
于 2013-07-29T10:05:28.037 回答
0
JPEG：
获取 2 倍大小的图像并通过硬压缩保存（高达 20-30%）。Retina 使用原始尺寸，其他设备使用半尺寸。这种方式可以节省（有时减少）图像的重量，并提高视觉质量。
示例： 1024 × 640、99 Kb与2048 × 1280、75 Kb
来源 (RU)： http: //pepelsbey.net/pres/clear-and-sharp/
于 2013-07-29T11:51:33.777 回答