将iPhone4的图像质量从72ppi提高到326ppi

我一直在努力了解如何提高我手机设计的按钮质量。我的导航按钮目前是一个72ppi的png精灵，然后我有一个326ppi的这些按钮的副本。我听说iphone4可以通过在当前的导航精灵中添加@x2来自动拾取326ppi图像？目前，我只是对这个过程有点困惑，以及我当前的导航精灵194x343px@72ppi是如何变成335x1469px@326ppi的图像的

如果有人能提供一些有用的信息和指导，那就太好了

---

Kyle

根据我收集到的信息，您可以使用创建一个针对iPhone4的覆盖样式表。你需要的是一个@media查询，你就可以开始了

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone 4 styles */
}

或者，如果要链接到外部样式表，请使用：

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />

---

根据我收集的信息，您可以使用创建一个针对iPhone4的覆盖样式表。你需要的是一个@media查询，你就可以开始了

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    /* iPhone 4 styles */
}

或者，如果要链接到外部样式表，请使用：

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />

如果按钮的尺寸在普通显示器上为194x343px，则在项目中包含一个名为button.png的文件，并在Interface Builder中链接到该文件，然后您还需要一个尺寸为388x686px（大小的两倍）且文件名为的图像button@2x.png在你的项目中。在视网膜显示器上运行时，您的应用程序将自动使用此高分辨率图像。

如果您的按钮在普通显示器上的尺寸为194x343px，则在项目中包含一个名为button.png的文件，并在Interface Builder中链接到该文件，然后您还需要一个尺寸为388x686px（大小的两倍）的图像文件名为button@2x.png在你的项目中。在视网膜显示器上运行时，您的应用程序将自动使用此高分辨率图像。

打印时不需要dpi吗？所有的电子显示器都只了解像素值，所以你应该考虑图像的像素分辨率。@Jose抱歉，我添加了dpi而不是ppi，你能帮我吗？我认为这其实是一样的，你需要关心的是图像的像素分辨率，而不是英寸。然后我不知道iPhone是否使用ppi值来调整图像的大小，但对我来说似乎很奇怪。这是一个大小关系问题。电脑显示器上的像素更大，所以72ppi等于1英寸。但在iPhone4上，它大约等于1/4英寸。然而，iPhone4的屏幕比电脑显示器小，可以显示所有更小的内容：文本、图像等。这实际上只是用户放大网页时的问题。然后，在足够高的放大倍数下，你可能会看到像素化，但标准显示器也存在同样的情况？所有的电子显示器都只了解像素值，所以你应该考虑图像的像素分辨率。@Jose抱歉，我添加了dpi而不是ppi，你能帮我吗？我认为这其实是一样的，你需要关心的是图像的像素分辨率，而不是英寸。然后我不知道iPhone是否使用ppi值来调整图像的大小，但对我来说似乎很奇怪。这是一个大小关系问题。电脑显示器上的像素更大，所以72ppi等于1英寸。但在iPhone4上，它大约等于1/4英寸。然而，iPhone4的屏幕比电脑显示器小，可以显示所有更小的内容：文本、图像等。这实际上只是用户放大网页时的问题。然后，在足够高的缩放比例下，您可能会看到像素化，但对于标准显示器也存在同样的情况。