iPhone 图像大小

【问题标题】：iPhone image sizingiPhone 图像大小
【发布时间】：2012-03-11 23:30:50
【问题描述】：

我在使用 phonegap（基本上是移动网站已成为本机应用程序）为我的 iphone 应用程序调整图像和 ui 元素大小时遇到了麻烦。这是我的 PSD 设置：

宽度：640 像素
高度：960px
分辨率：326px

我正在创建两张图片，一张为半分辨率，另一张为全分辨率。然后我使用插件来识别视网膜显示器并用“*-2x”替换所有图像。问题是图像在我的视网膜 iPhone 上显得更大并且模糊。我想知道我的视口在放大屏幕以适应应用程序时是否搞砸了：

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,    user-scalable=no" />

【问题讨论】：

【解决方案1】：

我从未使用过PhoneGap，但为了让HTML 在Retina res 中显示图像，我所做的是链接到Retina res 图像，假设图像是640x960 像素，但在HTML 中将大小属性设置为320x480。

原因是 iOS 使用与分辨率无关的“点”而不是“像素”进行布局。

【讨论】：

我可以通过编码“img { width: 50%; height: 50% }”来缩小所有视网膜图像的大小，还是有更好的方法来大规模处理这个问题？跨度>
最后一个问题，我是否还需要缩小非视网膜显示器的尺寸？这是视口方法的产物吗？
我不明白这个问题。你的意思是缩小非视网膜图像的大小？你可以节省内存，但你不需要。
不，我的意思是我缩小所有图像的大小还是只针对视网膜图像？这有意义吗？
您可以执行以下任一操作：1. 仅使用视网膜分辨率图像，但会在非视网膜显示器上使用额外内存，或者 2. 为非视网膜设备创建非视网膜版本，但随后会取决于您有条件地使用视网膜或非视网膜版本。