iOS web应用启动映像是否可以使用jpg而不是png?

iOS web应用启动映像是否可以使用jpg而不是png?,ios,image,web-applications,splash-screen,iphone-web-app,Ios,Image,Web Applications,Splash Screen,Iphone Web App,我在摆弄iOS初创公司的形象 我找到的两个教程 正在使用.png图像作为启动屏幕。我已经尝试过减小png文件的大小,但是对于大的splashscreens,我已经超过了500k,这对我来说太多了。因此,我尝试使用jpg,这似乎也很有效,但我不确定我在从PNG切换到jpg时是否做了正确的事情 这是我插入启动屏幕的代码(失去了到原始作者的链接…:-( 它是作为脚本插入的,因为据说iOS会加载每个指定的图像,尽管只需要一个图像。该脚本确保只在DOM中插入一个启动屏幕,从而避免不必要的http请求

我在摆弄iOS初创公司的形象

我找到的两个教程


正在使用.png图像作为启动屏幕。我已经尝试过减小png文件的大小,但是对于大的splashscreens,我已经超过了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>

(function(){var a;if(navigator.platform==“iPad”){
a=窗口。方向===90 | |窗口。方向===-90?
“landscape.jpg”:“肖像.jpg”
}否则{
a=window.devicePixelRatio==2?“retina.jpg”:“startup.jpg”
}
文件。写(“”)})()
我的问题:
1.我应该使用JPG over PNG来减少文件大小吗?
2.如何减小PNG文件的大小?(我使用了optipng,但800k的20%仍然是640k)


感谢您的提示!

我在我的网站上使用JPG文件,它们工作正常。只需确保在保存时为web进行优化,并确保图像尺寸完全正确。请参见此处(该页面主要讨论实际本机应用的启动图像,但信息也适用于web应用):

对不起,我从来没有检查过这个……我想再问一次同样的问题,觉得这些问题听起来很熟悉……:-)