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

Posted 2023-02-23

【中文标题】我可以使用 jpg 而不是 png 作为 iOS Web 应用程序启动图像吗？

【英文标题】：can I use jpg instead of png for a iOS web app startup image?

【发布时间】：2012-03-13 21:31:31

【问题描述】：

我在摆弄 ios 启动图像。

我找到的两个教程

http://mathiasbynens.be/notes/touch-iconshttps://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）

感谢提示！

【参考方案1】：

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

【讨论】：

对不起，我从来没有检查过这个...我想再次问同样的问题，并认为这些问题听起来很熟悉...:-)