Размеры иконок приложений для iOS, Android, PWA и Windows
Коротко: для iOS нужен один исходник 1024×1024 px, из которого Xcode сам делает остальные размеры; для Android — адаптивная иконка из слоёв 108×108 dp и PNG 512×512 для Google Play; для PWA — PNG 192 и 512 px в манифесте плюс maskable-версия; для Windows — ассеты с базовыми размерами 44 и 150 px в масштабах от 100 до 400%. Ниже — подробности и таблицы по каждой платформе.
iOS и iPadOS
Начиная с Xcode 14 достаточно одной картинки 1024×1024 px: в каталоге ресурсов выберите для иконки вариант Single Size, и остальные размеры будут созданы при сборке. Требования к исходнику:
- квадрат без скруглений — маску со скруглёнными углами система накладывает сама;
- без прозрачности: иконка для App Store должна быть непрозрачной;
- важные детали ближе к центру, без мелкого текста.
С iOS 18 у иконки могут быть тёмный и тонированный варианты, а вместе с iOS 26 Apple выпустила Icon Composer — программу, где иконку собирают из слоёв, а эффекты «жидкого стекла» и варианты оформления рассчитываются автоматически. Основой по-прежнему остаётся квадрат 1024×1024.
Если проект собирается по старой схеме, с отдельными файлами, нужны такие размеры:
| Назначение | Размер в pt | Файлы в px |
|---|---|---|
| Главный экран iPhone | 60 | 120×120, 180×180 |
| Главный экран iPad | 76 | 152×152 |
| Главный экран iPad Pro | 83,5 | 167×167 |
| Spotlight | 40 | 80×80, 120×120 |
| Настройки | 29 | 58×58, 87×87 |
| Уведомления | 20 | 40×40, 60×60 |
| App Store | — | 1024×1024 |
Android
Начиная с Android 8.0 (API 26) иконка приложения адаптивная. Она состоит из двух слоёв — фона и переднего плана — размером 108×108 dp каждый. Система вырезает из них форму, выбранную производителем или пользователем: круг, скруглённый квадрат, «каплю». Внешние 18 dp с каждой стороны уходят на маску и эффекты вроде параллакса, а гарантированно видна только центральная зона 66×66 dp. Логотип должен помещаться в неё и при этом быть не меньше 48×48 dp. С Android 13 (API 33) можно добавить монохромный слой — из него система делает тематическую иконку в цветах оформления.
<!-- res/mipmap-anydpi-v26/ic_launcher.xml -->
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android">
<background android:drawable="@drawable/ic_launcher_background" />
<foreground android:drawable="@drawable/ic_launcher_foreground" />
<monochrome android:drawable="@drawable/ic_launcher_monochrome" />
</adaptive-icon>
Слои лучше делать векторными. Если нужны растровые, размеры по плотностям экрана такие:
| Плотность | Масштаб | Слой 108 dp | Обычная иконка 48 dp |
|---|---|---|---|
| mdpi | 1× | 108×108 | 48×48 |
| hdpi | 1,5× | 162×162 | 72×72 |
| xhdpi | 2× | 216×216 | 96×96 |
| xxhdpi | 3× | 324×324 | 144×144 |
| xxxhdpi | 4× | 432×432 | 192×192 |
Для страницы в Google Play загружается отдельная иконка 512×512 px: 32-битный PNG размером до 1024 КБ, полный квадрат без скруглений и тени — форму магазин применит сам.
PWA и веб-манифест
Сайт, который можно установить как приложение, берёт иконки из манифеста. Базовый набор, который ожидают браузеры, — PNG 192×192 и 512×512. Отдельно добавьте maskable-иконку 512×512 с "purpose": "maskable": Android обрежет её по системной форме, и гарантированно сохранится только круг в центре радиусом 40% от ширины. Проверить обрезку можно в Chrome DevTools на вкладке Application → Manifest, включив показ безопасной зоны.
Файл манифеста и ICO для вкладок соберёт генератор фавиконов. На iOS установленный сайт по-прежнему надёжнее всего берёт apple-touch-icon 180×180 — подробности в статье о том, как сделать favicon.
Windows
Приложения в пакете MSIX описывают иконки в манифесте через базовые размеры, а файлы готовятся под масштаб экрана:
| Ассет | Назначение | 100% | 200% | 400% |
|---|---|---|---|---|
Square44x44Logo | список приложений, панель задач | 44 | 88 | 176 |
Square150x150Logo | средняя плитка | 150 | 300 | 600 |
Wide310x150Logo | широкая плитка | 310×150 | 620×300 | 1240×600 |
Square310x310Logo | большая плитка | 310 | 620 | 1240 |
Square71x71Logo | малая плитка | 71 | 142 | 284 |
StoreLogo | логотип пакета в Microsoft Store | 50 | 100 | 200 |
Microsoft советует готовить как минимум масштабы 100, 200 и 400% для Square44x44Logo и Square150x150Logo, плюс варианты точного размера (targetsize) от 16 до 256 px для панели задач и меню. Для промежуточных масштабов — 125, 150, 250 и 300% — система подберёт ближайший файл. Плитки Windows 11 не показывает, но средняя плитка в масштабе 100% всё ещё нужна для публикации в Microsoft Store.
Классические программы используют ICO, и минимальный набор размеров внутри — 16, 24, 32, 48 и 256 px. Сайтам плитки больше не нужны: файл browserconfig.xml и теги msapplication работали в Internet Explorer и старом Edge, а современные браузеры берут иконку установленного сайта из манифеста.
Как подготовить все размеры из одного исходника
- Возьмите иконку в векторе и проверьте её в 16–24 px: мелкие детали на маленьких размерах сливаются.
- Сделайте квадратный мастер-файл 1024×1024 с фоном. Для Android и maskable-версии держите знак в центральной безопасной зоне.
- Загрузите PNG в генератор иконок приложений — он соберёт размеры для iOS, Android и PWA в один ZIP.
- Недостающие размеры, например для Windows, получите изменением размера PNG с готовыми пресетами.
Для яркого знака приложения хорошо подходят плоские иконки: их SVG можно экспортировать в любом размере без потери качества. Объёмный вариант даст 3D-иконка в PNG 1024 px.
Итог
Современный минимум выглядит так: 1024×1024 для iOS, слои 108 dp с безопасной зоной 66 dp и PNG 512 для Android, 192 и 512 px с maskable-версией для PWA, ассеты 44 и 150 px в масштабах 100–400% для Windows. Готовьте один качественный исходник и получайте из него остальные размеры генератором, а не рисуйте каждый вручную.