Question

我需要更新我的应用程序，以便它可以支持新iPad中的视网膜显示，但我仍然有一些疑问。我们是否必须创建一个支持视网膜显示分辨率的新图像，并且在没有视网膜显示支持的情况下仍保留应用程序的最后一个图像？如果是，那么我们的应用程序将具有很大的尺寸，对吧？有没有办法让它成为一个？也许只是使用高分辨率图像，但为常规应用程序（不支持视网膜显示的应用程序）调整它们的大小。有人可以帮帮我吗？

Answer 1

您必须创建两个图像。一个用于旧分辨率，一个用于视网膜显示。如果我记得，你只需在视网膜图像上添加@ x2：

mypicture.jpg  (old display)

mypicture@x2.jpg  (retina display)

我希望，这种方式类似于iphone。

Answer 2

对于网络，您仍然可以使用@ 2x命名约定。声明背景图像并设置大小。在视网膜显示媒体查询中调用高分辨率图像。

figure{background-image:url(../img/imageName.png);background-size:57px 57px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
  only screen and (-o-min-device-pixel-ratio: 3/2),
  only screen and (min--moz-device-pixel-ratio: 1.5),
  only screen and (min-device-pixel-ratio: 1.5) {

figure{background-image:url(../img/imageName@2x.png);}

}

还有服务器端解决方案，这里有一个：Link

如何为支持视网膜显示的ipad应用程序设置图像

2 个答案: