Image 如何为支持视网膜显示的ipad应用程序设置图像
我需要更新我的应用程序,以便它能够在新的iPad上支持视网膜显示,但我仍然对此有一些疑问。我们必须创建一个支持视网膜显示分辨率的新图像,并且在没有视网膜显示支持的情况下仍保留应用程序的最后一个图像,这对吗?如果是,那么我们的应用程序将有一个大尺寸,对吗?有没有办法只做一个?可能只是使用高分辨率图像,但为常规应用程序(不支持视网膜显示的应用程序)调整它们的大小。有人能帮我吗?你必须创建两个图像。一个用于旧分辨率,一个用于视网膜显示。 如果我记得,您只需在视网膜图像上添加@x2:Image 如何为支持视网膜显示的ipad应用程序设置图像,image,ipad,resize,retina-display,Image,Ipad,Resize,Retina Display,我需要更新我的应用程序,以便它能够在新的iPad上支持视网膜显示,但我仍然对此有一些疑问。我们必须创建一个支持视网膜显示分辨率的新图像,并且在没有视网膜显示支持的情况下仍保留应用程序的最后一个图像,这对吗?如果是,那么我们的应用程序将有一个大尺寸,对吗?有没有办法只做一个?可能只是使用高分辨率图像,但为常规应用程序(不支持视网膜显示的应用程序)调整它们的大小。有人能帮我吗?你必须创建两个图像。一个用于旧分辨率,一个用于视网膜显示。 如果我记得,您只需在视网膜图像上添加@x2: mypicture
mypicture.jpg (old display)
mypicture@x2.jpg (retina display)
我希望,这种方式与iphone类似。对于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/imageName@2x.png);}
}
还有一些服务器端解决方案,这里有一个:Hi!我不确定这种方式是否会一直有效,我读了一些关于这方面的文章。也许它适用于SDK,但不适用于rof网页。你确定吗?否则,我可以通过发布一个模仿这种行为的小js脚本来提供帮助。它还取决于Risma对“应用程序”的含义。如果它真的是一个“应用程序”,或者仅仅是一个响应性网站。无论如何,让我知道。是的,你是对的。这种方式只适用于ios应用程序。对于web,我没有看到。那么,@Risma:你只需要应用程序代码还是web/响应代码?@x2是否只适用于PNG(至少是自动检测机制)?