Каковы правильные размеры пикселей для значка apple touch?

из кэша Google Apple Developer Connection-Web Apps Dev Center-Проектирование Контента...

создать значок закладки веб-клипа

iPhone и iPod touch позволяют пользователю сохранение закладки веб-клипа на сайте на главном экране.

указать значок закладки для всех страницы веб-сайта, поместите изображение PNG названо " apple-touch-значок.png " на корневой каталог вашего веб-сервера - похож на "фавикон".ico " для сайта иконы.

чтобы изменить значок закладки на сайте конкретная веб-страница, вставьте элемент, подобный внутри элемент

страницы.

размер значка закладки должен быть 57x57 пикселей. Если значок различный размер он будет масштабирован и обрезается.

Safari будет автоматически композитных значок с стандартный " glassy" наложение, чтобы он выглядел как встроенный приложение для iPhone или iPod.

зависит от того, сколько деталей вы хотите, чтобы он имел, он должен иметь соотношение сторон 1: 1 (в основном - он должен быть квадратным)

Я бы пошел с собственным Apple 129 * 129

Я не могу привести источник для этих размеров, потому что официальная ссылка находится под замком АЦП.

однако на многих сайтах, не связанных с NDA, есть руководства по созданию значков. Например здесь:

• HOWTO: iPhone Webclip иконки (январь 2008; Дэн Дикинсон)

в рамках своего руководства по веб-контенту Safari Apple фактически имеет общедоступную страницу под названием"указание значка веб-страницы для веб-клипа " (требуется Javascript), который охватывает все разрешения и их реализацию.

• Safari Web Content Guide (2012; by Apple Inc; PDF; 6,91 MB)

официальный размер 57x57. Я бы рекомендовал использовать точный размер просто из-за того, что он занимает меньше памяти при загрузке (если Apple не кэширует масштабированное представление). С этим сказано,Рекс прав что любой квадратный размер будет работать

спецификации Apple укажите новые размеры для iOS7:

• 60x60
• 76x76
• 120x120
• 152x152

в то время как старые размеры для iOS6 и prior:

• 57x57
• 72x72
• 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 смогите произвести все эти изображения сразу. Полное раскрытие информации: я автор этого сайта.

Я не думаю, что есть "правильный размер". Поскольку iPhone действительно работает под управлением OSX, система рендеринга значков довольно надежна. Пока вы даете ему высококачественное изображение с правильным соотношением сторон и разрешением, по крайней мере, таким же высоким, как фактический выход, ОС будет очень чисто. Мой сайт использует 158x158, и значок выглядит пиксельным на экране iPhone.

NilObject привела меня в блоге Catchup на вашем значке at makentosh.com

... Конечно, все это непоследовательность надо было решать в конце концов, правильно? Ну 2.0 справился с этим в порядке мода! Наконец, 57x57 на самом деле означало 57х57.

...каждый пиксель ... оказанный отлично.

вам больше не нужно беспокоиться о правильном размере. Если у вас есть файл itune artwork (т. е. файл размером 1024*1024) вашего значка, то я создал это приложение, которое предоставит вам все значки на основе предоставленной информации здесь. Получить приложения отсюда и следуйте инструкциям в файле readme, чтобы создать все необходимые значки для приложения iOS.

обновленный список октябрь 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 plus

<link rel="apple-touch-icon" sizes="180x180" href="touch-icon-iphone-6-plus.png"> 

Iphone 6 использует то же изображение 120 x 120 px, что и iphone 4 и 5 остальное то же самое, что и для iOS 7

обновление 2013 iOS7:

для iOS 7 рекомендуемые разрешения изменено:

• для iPhone Retina от 114 x 114 px до 120 x 120 px
• для iPad Retina от 144 x 144 px до 152 x 152 px

другое разрешение по-прежнему то же самое

• 57 x 57 px по умолчанию
• 76 x 76 px для iPads без сетчатки