Я возился с загрузочным изображением 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)
Спасибо за подсказки!