Apple Touch Icon: иконка для iPhone и iPad
Apple Touch Icon — это иконка, которая используется, когда пользователь добавляет сайт на домашний экран iOS. Она отличается от обычной favicon во вкладке браузера.
Какие размеры использовать
Чаще всего достаточно 180×180, но для совместимости иногда добавляют несколько размеров. Генератор формирует набор автоматически.
- 180×180 — основной (современные iPhone)
- 152×152 — iPad
- 120×120 — старые устройства
- 114×114 / 76×76 / 72×72 / 60×60 / 57×57 — расширенная совместимость
Совет по дизайну
Для iOS-иконки лучше использовать квадрат с небольшими полями (safe area), чтобы элементы не прилипали к краям.
Подключение
В <head> добавляются теги <link rel="apple-touch-icon" sizes="...">. Если вы используете ZIP от генератора — просто вставьте готовый сниппет.
Сгенерировать Apple Touch Icons
В ZIP будут все нужные размеры.
FAQ
Можно ли использовать один apple-touch-icon без sizes?
Можно, но лучше указывать sizes или использовать готовый набор — так больше гарантий корректного выбора.
Нужен ли прозрачный фон?
Обычно лучше делать непрозрачный фон или контролировать вид на белом/тёмном фоне. Прозрачность может выглядеть непредсказуемо.