2012-03-13 33 views
1

我在擺弄iOS啓動圖像。我可以使用jpg而不是png作爲iOS Web應用啓動映像嗎?

兩個教程我發現

http://mathiasbynens.be/notes/touch-icons
https://gist.github.com/472519

使用。PNG圖像閃現屏幕。我試圖減少我的PNG文件大小,但對於大屏幕飛濺,我已經超過500K,這對我來說太過分了。所以我嘗試使用jpg,這也似乎工作,但我不知道我從PNG切換到JPG時做的是正確的事情。

這裏是我的代碼插入啓動畫面(失去了原始作者的鏈接... :-( 它被插入爲腳本,因爲iOS被稱爲加載每個指定的圖像,儘管只需要一個圖像。腳本可確保只有一個閃屏插入到DOM,從而避免不必要的http請求

<script> 
    (function(){var a;if(navigator.platform==="iPad") { 
     a=window.orientation===90||window.orientation===-90 ? 
      "landscape.jpg" : "portrait.jpg" 
     } else { 
     a=window.devicePixelRatio === 2 ? "retina.jpg" : "startup.jpg" 
     } 
    document.write('<link rel="apple-touch-startup-image" href="'+a+'"/>')})() 
</script> 

我的問題:?
1.我應該使用JPG在PNG以減少文件大小
2.我如何減少我的PNG文件大小?(我使用optipng,但是20% 800k仍然是640k)

感謝提示!

回答

2

我在我的網站上使用JPG文件,他們工作得很好。只要確保在保存時優化網頁,並確保圖像尺寸完全正確。看到這裏(該頁面主要針對實際本地應用程序談論閃屏圖像,但該信息也適用於網絡應用程序):http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html

+0

對不起,我從來沒有檢查過這個...我想再次問同樣的事情,並認爲聽起來很熟悉的問題...... :-) – frequent 2012-07-26 06:45:19

相關問題