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

Я не уверен, какой должен быть правильный размер.

Многие сайты, кажется, повторяют, что значок apple-touch-должен быть 57x57 пикселей, но в качестве источника указывают неработающую ссылку.

Hanselman «s и playgroundblues » комментарии S предлагают различные размеры , включая 163x163 и 60x60.

Собственная иконка Apple.com - 129x129!

См. Мой связанный вопрос: Как я могу дать своим веб-сайтам значок для iPhone?

4.08.2008 21:17:51
Теперь иконка Apple.com имеет размер 152x152 ...
Wick 18.10.2013 21:01:14
11 ОТВЕТОВ
РЕШЕНИЕ

Похоже, что руководящие принципы Apple по состоянию на 3 августа 2010 года теперь включают изображения «высокого разрешения» (для iPhone 4) в «требуемые» размеры значков.

Похоже, нам нужно предоставить изображение размером 57х57 и 114х114, а также титульное изображение 640х960.

См. Руководство по созданию пользовательских значков и изображений (необходим Javascript), которое является частью целого документа:

41
2.09.2013 08:47:00
У меня были некоторые проблемы с получением титульных изображений для работы. Нашел рабочий пример здесь: gist.github.com/472519 ( <!-- STARTUP IMAGES -->раздел)
Blaise 25.11.2011 13:36:00
Обратите внимание, что для iPad используются следующие размеры иконок: 72x72 1-го и 2-го поколения; 144х144 для 3-го поколения "Retina".
donut 31.05.2012 16:47:09
Поскольку в OP говорится о значке apple-touch-touch (то есть изображении, которое iOS выводит с веб-сайта для отображения в виде значка на главном экране), а не о собственных значках нативного приложения, название заголовка 640 x 940 здесь не имеет значения , (Тем не менее, есть изображение «Start Up» размером 320 x 480, как описано здесь
user577537 20.06.2012 08:26:23
Эта ссылка уже не работает, см developer.apple.com/library/ios/documentation/AppleApplications/... вместо
thelem 14.11.2013 11:45:22

Из кеша Google Apple Developer Connection - Центр разработки веб-приложений - Разработка контента ...

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

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

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

Чтобы переопределить значок закладки сайта на определенной веб-странице, вставьте элемент <link>, аналогичный <link rel = "apple-touch-icon" href = "/ customIcon.png" />, в элемент <head> страницы. ,

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

Safari автоматически объединит значок со стандартным «гладким» наложением, чтобы он выглядел как встроенное приложение для iPhone или iPod.

5
15.12.2015 19:46:33
Ваш ответ устарел. См stackoverflow.com/questions/1598/...
Georg Schölly 16.08.2010 06:21:54

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

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

3
4.08.2008 21:36:58

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

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

2
2.09.2013 07:50:15

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

2
2.09.2013 07:54:06

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

1
23.05.2017 11:54:36

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

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

Принимая во внимание, что старые размеры для iOS6 и предыдущих версий:

  • 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 может генерировать все эти изображения одновременно. Полное раскрытие: я автор этого сайта.

1
15.01.2014 22:04:48

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

0
4.08.2008 21:22:50

Ссылка NilObject привела меня к отличному сообщению в блоге Catchup на вашем Icon на makentosh.com

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

... каждый пиксель ... отображается идеально.

0
6.08.2008 23:36:35

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

0
20.04.2014 20:43:21

Обновленный список октябрь 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 х 114 пикселей до 120 х 120 пикселей
  • для iPad Retina от 144 х 144 пикселей до 152 х 152 пикселей

Другое разрешение остается прежним

  • 57 x 57 пикселей по умолчанию
  • 76 х 76 пикселей для iPad без сетчатки
0
21.10.2014 12:40:52