1

我正在摆弄 iOS 启动图像。

我发现的两个教程

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，但是 800k 的 20% 还是 640k）

感谢提示！

4

1 回答 1

2

我在我的网站上使用 JPG 文件，它们工作得很好。只需确保在保存时针对网络进行了优化，并确保图像尺寸完全正确。请参阅此处（该页面主要讨论实际本机应用程序的启动图像，但该信息也适用于 Web 应用程序）：http: //developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages /图标图像.html

于 2012-03-26T12:42:23.410 回答