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

我需要更新我的应用程序，以便它可以支持新iPad中的视网膜显示，但我仍然对此有所怀疑。是否正确，我们必须创建一个支持视网膜显示分辨率的新图像，并且仍然保留应用程序的最后一个图像而不支持视网膜显示？如果是的话，那么我们的应用会有很大的尺寸，对吧？有什么办法可以让它成为一个吗？也许只是使用高分辨率图像，但调整它们的规模应用程序（不支持视网膜显示的应用程序）。有人能帮助我吗？如何为支持视网膜显示的ipad应用设置图像

来源

2012-03-29 R. Dewi

您必须创建两个图像。一个用于旧分辨率和一个用于视网膜显示。如果我没记错，你只需要添加@ X2视网膜上的图像：

mypicture.jpg (old display) 

[email protected] (retina display)

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

来源

2012-03-29 06:49:37 Tobi

嗨！我不确定它会一直工作，我读了一些关于此的内容。也许它适用于SDK而不是rof网页。你确定吗？否则，我可以通过发布一个模仿该行为的小js脚本来提供帮助。这也取决于Risma对于“应用”的含义。如果它真的是一个'应用程序'或者可能只是一个响应式网站。无论如何，让我知道。 – Stratboy 2012-03-29 12:56:24

是的，你是对的。这种方式只适用于ios应用程序。对于网络，我没有看到。 – Tobi 2012-03-29 13:37:47

所以，@Risma：你只需要应用程序代码或Web /响应代码？ – Stratboy 2012-03-30 14:19:52

对于web，您仍然可以使用@ 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/[email protected]);} 

}

有服务器端解决方案也是如此，这是一个：Link

来源

2012-04-16 20:50:57

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

回答

相关问题