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

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

Многие сайты, кажется, повторяют, что apple-touch-icon должен быть 57×57 пикселей, но цитируют сломанную ссылку в качестве их источника.

Комментарии Hanselman и playgroundblues предлагают различные размеры, включая 163×163 и 60×60.

Собственные Apple apple.com иконка 129×129!

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

11 ответов

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

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

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

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

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

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

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

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

    Переопределение значка закладки сайта на
    специальная веб-страница, вставьте < ссылку>
    элемент похож на
    rel= » apple-touch-icon»
    href= » / customIcon.png » / > внутри
    < head> элемент страницы.

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

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

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

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

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

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

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

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

  7. Обновленный список октябрь 2014, iOS8

    Список для iPhone и iPad с retina и без retina

    <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 для iPad без сетчатки
  8. Спецификации Apple указывают новые размеры для iOS7:

    • 60×60
    • 76×76
    • 120×120
    • 152×152

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

    • 57×57
    • 72×72
    • 114×114
    • 144×144

    Кстати, предварительно составленные иконки не считаются устаревшими.

    Как следствие, для поддержки новых устройств (под управлением 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">
    

    Кроме того, необходимо создать изображение 152×152 с именем apple-touch-icon.png.

    Вы можете знать, что этот генератор favicon может генерировать все эти изображения сразу. Полное раскрытие: я автор этого сайта.

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