如何爲支持視網膜顯示的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應用設置圖像

回答

相關問題