My<cod/>.net
Каковы правильные размеры пикселей для apple-touch-icon?
Я не уверен, что правильный размер должен быть.
Многие сайты, похоже, повторяют, что apple-touch-icon должен быть размером 57x57 пикселей, но ссылаются на сломанную ссылку в качестве источника.
Комментарии Hanselman и playgroundblues предлагают различные размеры, включая 163x163 и 60x60.
Собственный значок apple.com от Apple - это 129x129!
Смотри мой вопрос: Как я могу дать моим веб-сайтам значок для iPhone?
Похоже, что руководство Apple по состоянию на 3 августа 2010 года теперь включает "High resolution" изображений (для iPhone 4) в свои размеры значков "required".
Похоже, теперь нам нужно предоставить изображение 57x57 и 114x114, а также изображение заголовка 640x960.
См. руководство по созданию пользовательских значков и изображений (требуется Javascript), которое является частью целого документа:
Из кэша Гугла от разработчиков Apple, подключение веб-приложений, разработки Центра проектирования контента ...
Создать значок закладки веб-клипа
iPhone и iPod touch позволяют пользователю сохраните закладку веб-клипа на своем сайте на их главном экране.
Чтобы указать значок закладки для всех страницы веб-сайта, разместить изображение PNG название "яблоко-сенсорный icon.png" в корневой каталог вашего веб-сервера - аналогично "favicon.ico" для сайта иконы.
Чтобы изменить значок закладки на сайте конкретная веб-страница, вставьте <link> элемент, подобный <link отн="apple-touch-icon" href= " /customIcon.png"/> в пределах <head> элемент страницы.
Размеры значка закладки должны быть 57x57 пикселей. Если значок является разный размер он будет масштабироваться и обрезанные по размеру.
Safari будет автоматически составным значок со стандартным "glassy" наложение таким образом выглядит как встроенный iPhone или iPod приложение.
В качестве части своего руководства по веб-контенту Safari Apple фактически имеет общедоступную страницу под названием "указание значка веб-страницы для веб-клипа" (требуется Javascript), которая охватывает все резолюции и их реализацию.
Я не могу привести источник для этих размеров, потому что официальная ссылка находится под замком ADC.
Тем не менее, на многих сайтах, не относящихся к NDA, есть учебники по созданию значков. Например здесь:
- HOWTO: iPhone значки Webclip (январь 2008; Дэн Дикинсон
Официальный размер-57х57. Я бы рекомендовал использовать точный размер просто из-за того, что он занимает меньше памяти при загрузке (если только Apple не кэширует масштабированное представление). С учетом сказанного, Рекс прав , что любой квадратный размер будет работать
Спецификации Apple указывают новые размеры для iOS7:
- 60х60
- 76x76
- 120х120
- 152x152
В то время как старые размеры для iOS6 и предшествующих являются:
- 57х57
- 72х72
- 114x114
- 144x144
Кстати, предварительно составленные иконки являются устаревшими.
Как следствие, для поддержки только новых устройств (под управлением iOS7) и более старых (iOS6 и более ранних), эти 8 изображений должны присутствовать и общий код является:
<link rel="apple-touch-icon" sizes="57x57" href="/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-touch-icon-152x152.png">
Кроме того, вы должны создать изображение размером 152x152 с именем apple-touch-icon.png .
Возможно, вы захотите узнать, что этот генератор favicon может генерировать все эти изображения одновременно. Полное раскрытие информации: я являюсь автором этого сайта.
Я не думаю, что существует "correct size". Поскольку iPhone действительно работает с OSX, система рендеринга значков довольно надежна. До тех пор, пока вы даете ему высококачественное изображение с правильным соотношением сторон и разрешением, по крайней мере, таким же высоким, как и фактический выход, OS будет очень четко масштабироваться. Мой сайт использует 158x158, и значок выглядит идеально пиксельным на экране iPhone.
Ссылка NilObject привела меня к замечательному сообщению в блоге Catchup на вашем значке в makentosh.com ...
Конечно же все это непоследовательность с этим надо было разобраться в конце концов, так ведь? Ну а 2.0 справился с этим в полном порядке мода! Наконец 57x57 на самом деле означало 57х57. ..
.каждый и каждый пиксель ... оказанный идеально.
Обновленный список октябрь 2014, iOS8
Список для iPhone и iPad с сетчаткой и без нее
<link rel="apple-touch-icon" href="touch-icon-iphone.png">
<link rel="apple-touch-icon" sizes="76x76" href="touch-icon-ipad.png">
<link rel="apple-touch-icon" sizes="120x120" href="touch-icon-iphone-retina.png">
<link rel="apple-touch-icon" sizes="152x152" href="touch-icon-ipad-retina.png">
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
Обновление 2014 iOS 8:
Для iOS 8 и Iphone 6 плюс
<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png">
Iphone 6 использует то же изображение 120 x 120 px, что и iphone 4 и 5 rest-то же самое, что и для iOS 7
Обновление 2013 iOS7 :
Для iOS 7 рекомендуемые разрешения изменены:
- для iPhone сетчатки глаза от 114 x 114 px до 120 x 120 px
- для iPad сетчатки с 144 х 144 пикселей до 152 х 152 пикселей
Остальные решения все те же
- 57 x 57 px по умолчанию
- 76 x 76 px для iPads без сетчатки
Вам больше не нужно беспокоиться о правильном размере. Если у вас есть itune artwork file (т. е. файл размером 1024*1024) вашего значка, то я создал это приложение, которое предоставит вам все значки на основе информации, представленной здесь . Получите приложение отсюда и следуйте инструкциям в файле readme, чтобы создать все необходимые значки для iOS приложения.