webapp中的Retina顯示啓動圖像？

有人知道如何讓iOS在使用時顯示更高分辨率的啓動畫面嗎？目前我堅持使用460x380的圖像，這顯然在iPhone 4的高分辨率顯示屏上顯示時看起來很可怕。我試過@ 2X技巧，但似乎沒有工作。webapp中的Retina顯示啓動圖像？

任何想法或解決方法？

2010-09-14 Crispy

您是如何顯示啓動映像的？你使用的是default.png文件嗎？ – Satyam 2010-09-14 09:26:56

爲什麼是460x380？ – 2010-09-14 09:28:02

如果您在http://bit.ly/95IHsf查看Apple的文檔，他們會說圖片必須是320 x 460像素，並且需要縱向顯示。我注意到我在這個問題上搞砸了分辨率，但是我用320x460做了它，並且讓它工作。文檔沒有說任何有關視網膜顯示的內容，所以我不確定它是否過時，因此我的問題。 – Crispy 2010-09-14 09:32:29

-3

「@ 2x」技巧的作品。一定是你的圖片出了問題。

你想要兩個文件。 Default.png和[email protected]。第一個應該是320x460。第二個應該是640x920。我保證它的工作。

來源

2010-09-14 12:09:44

不...出於某種原因不起作用。現在我有Default.png和[email protected]，我已經驗證了兩者的大小。它總是加載Default.png。我從我的開發服務器的日誌中驗證了這一點，它甚至沒有發送@ 2x版本的請求。我必須在這裏錯過一些東西......*編輯*你正在討論webapp的啓動/啓動畫面，而不是網頁上的平均img標籤圖像，對吧？ :) – Crispy 2010-09-14 12:39:55

我正在談論NATIVE應用程序的啓動畫面。這是你問的嗎？我看到你在問題的標題中使用了「webapp」這個詞，但你寫的其他東西就像是在製作一個本地應用程序一樣...... @ 2x是針對本地應用程序的。在Obj-C中，用Xcode構建。 – 2010-09-14 17:13:57

啊，我正在談論你通過Mobile Safari使用的webapp。我的印象是，在iOS4中，Mobile Safari試圖檢查@ 2x圖像。 – Crispy 2010-09-15 04:30:39

-1

我見過這種情況下XCode混亂的情況。除了仔細檢查圖像尺寸（320x460），它不會傷害到：

確保兩個圖像都在構建中。（右鍵/選項點擊文件標題並選擇「目標會員」，然後確保複選框被選中。）
做一個乾淨的構建。
刪除構建目錄中的所有構建文件。（清潔沒有得到他們所有人。）
從目標手機/ SIM卡中刪除應用程序。

我知道這可能看起來很明顯或不必要，但是我對我的頭髮反對同樣的問題，並且清理/刪除/刪除序列修正了它。

來源

2010-10-28 18:20:57 tomwhipple

他在談論網絡應用程序，而不是本機應用程序。 – 2011-11-21 23:46:47

您是否嘗試過使用與link標記上像素比例相關的媒體查詢？

media="only screen and (-webkit-min-device-pixel-ratio: 2)"爲視網膜顯示之一。

來源

2011-02-17 23:16:39

這是一個聰明的想法，但即使沒有媒體屬性，640x920圖像也不能在視網膜顯示器上工作。我認爲目前它可能不被支持。至少離我的測試，我沒有管理它。請參閱[文檔]（http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html）。希望他們會在以後的iOS版本中添加它。 – theazureshadow 2011-02-18 03:08:06

該死的太糟糕了，現在就開始爲我的應用程序設置啓動屏幕，它看起來有顆粒感。 – 2011-02-18 06:41:24

的iPad：

link rel="apple-touch-startup-image" sizes="768x1004" href=""/
iPhone Retina Display: link rel="apple-touch-startup-image" sizes="640x960" href=""/

來源

2011-11-05 10:25:02

添加括號 – 2011-11-05 10:27:54

我沒有想過我會得到這個工作，但由於某些原因，網上到處指出，高分辨率的圖像尺寸是640×960，其實都是640x920。當您進行此更改時，高分辨率閃屏將在視網膜顯示屏上正確顯示。以下是我在我們的應用程序中使用的確切代碼。我們在iPad1/iPad2上使用啓動畫面縱向和橫向，iPhone3/iPhone4

希望這可以幫助某人。

<!-- iOS Device Startup Images --> 
<!-- iPhone/iPod Touch Portrait – 320 x 460 (standard resolution) --> 
<link rel="apple-touch-startup-image" href="splash-screen-320x460.png" media="screen and (max-device-width: 320px)" /> 

<!-- iPhone/iPod Touch Portrait – 640 x 920 pixels (high-resolution) --> 
<link rel="apple-touch-startup-image" media="(max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2)" href="splash-screen-640x920.png" /> 

<!-- For iPad Landscape 1024x748 --> 
    <!-- Note: iPad landscape startup image has to be exactly 748x1024 pixels (portrait, with contents rotated).--> 
<link rel="apple-touch-startup-image" sizes="1024x748" href="splash-screen-1024x748.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)" /> 

<!-- For iPad Portrait 768x1004 --> 
<link rel="apple-touch-startup-image" sizes="768x1004" href="splash-screen-768x1004.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)"/>

來源

2012-01-24 06:20:29 dnadeau

webapp中的Retina顯示啓動圖像？

回答

相關問題