Могу ли я использовать jpg вместо png для образа запуска веб-приложения iOS?

Question

Я возился с загрузочным изображением iOS.

Оба учебники я нашел

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

используют .png изображения для экранной заставки. Я пытался уменьшить размер png-файлов, но для больших всплывающих окон мне больше 500 тысяч, что для меня слишком много. Поэтому я попытался использовать 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)

Спасибо за подсказки!

Answer 1

Я использую файлы JPG на своем сайте, и они работают нормально. Просто убедитесь, что вы оптимизировали для Интернета при сохранении и убедитесь, что размеры изображения точно верны. См. Здесь (на странице в основном рассказывается о всплесках изображений для собственного родного приложения, но эта информация также относится к веб-приложениям): http://developer.apple.com/library/ios/#documentation/userexperience/conceptual/mobilehig/IconsImages/IconsImages.html