我可以使用 jpg 而不是 png 作为 iOS Web 应用程序启动图像吗？

Question

我在摆弄 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）

感谢提示！

Answer 1

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