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

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

1 голос
/ 14 марта 2012

Я возился с загрузочным образом 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% из 800 КБ все еще 640 КБ)

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

1 Ответ

2 голосов
/ 26 марта 2012

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

...