Разработка иконки приложения (App Icon) под Android
Иконка Android-приложения после версии 8.0 превратилась в систему Adaptive Icons: два слоя — foreground и background — а лаунчер накладывает собственную маску (круг, скруглённый прямоугольник или «сжатый» квадрат). Без адаптации логотип обрезается, смещается или анимируется неправильно. Мы сталкивались с этим, когда клиентский логотип на нескольких устройствах Pixel превращался в бесформенное пятно. Наш опыт показывает, что правильная зона безопасности и раздельная подготовка слоёв решают проблему. По статистике, до 15% приложений в Google Play имеют иконку, которая на некоторых устройствах отображается с искажениями — и это прямой путь к снижению доверия пользователей. Мы поможем избежать этих проблем. Свяжитесь с нами для консультации.
Проблемы, которые решаем
- Обрезка контента. Контент foreground должен лежать в центральной зоне 66dp из 108dp (66.7%). Любая деталь за пределами этой области гарантированно обрезается хотя бы на одной популярной маске. Например, круглый логотип на Pixel обрезается до нечитаемого фрагмента. Мы проверяем все три стандартные маски (круг, скруглённый прямоугольник, квадрат со скруглёнными углами).
-
Отсутствие монохромного варианта. Android 13 ввёл тематические значки (Themed Icons). Если у приложения нет
ic_launcher_monochrome, система принудительно обесцвечивает обычный foreground — результат часто выглядит как грязное пятно. Мы добавляем векторный силуэт с допуском к tint. - Legacy-устройства. Приложения на Android < 8.0 не понимают Adaptive Icons. Нужен запасной PNG в mipmap-папках (mdpi–xxxhdpi). Мы автоматизируем экспорт всех размеров из векторного источника.
Почему важно соблюдать зону безопасности?
Зона безопасности 66dp — не рекомендация, а техническое требование. Маски лаунчеров (например, круг на Pixel, скруглённый прямоугольник на Samsung) отсекают всё, что выходит за центральную область. Если логотип касается краёв, часть контента пропадёт. Мы проектируем foreground так, чтобы ключевые элементы (буквы, графика) помещались в безопасной зоне. Это гарантирует читаемость на любом устройстве.
Адаптивные иконки позволяют лаунчерам создавать единый визуальный стиль, применяя собственную маску к двухслойной иконке. — Android Developer Documentation
Как мы делаем Adaptive Icons
Основной подход — VectorDrawable для foreground. Он масштабируется без потери качества, занимает в 10 раз меньше места, чем PNG, и поддерживает анимацию. Фон задаём через ic_launcher_background.xml с плоским цветом — это уменьшает размер APK на 2–3 КБ по сравнению с PNG-фоном.
| Характеристика | VectorDrawable | PNG |
|---|---|---|
| Размер файла (foreground) | ~1–3 КБ | 20–100 КБ (xxxhdpi) |
| Масштабирование | Без потерь | С артефактами при увеличении |
| Монохромный слой | Легко добавить | Требуется отдельный PNG |
| Анимация | Поддерживается | Не поддерживается |
Структура ic_launcher.xml:
<adaptive-icon xmlns:android="http://schemas.android.com/apk/res/android"> <background android:drawable="@color/ic_launcher_background"/> <foreground android:drawable="@drawable/ic_launcher_foreground"/> <monochrome android:drawable="@drawable/ic_launcher_monochrome"/> </adaptive-icon> Шпаргалка по размерам Adaptive Icon
| Элемент | Размер | Примечание |
|---|---|---|
| Полный canvas | 108×108 dp | Основной контейнер |
| Зона безопасности (foreground) | 66×66 dp | Ключевой контент внутри |
| Legacy PNG (mdpi) | 48×48 px | Для Android < 8.0 |
| Legacy PNG (hdpi) | 72×72 px | |
| Legacy PNG (xhdpi) | 96×96 px | |
| Legacy PNG (xxhdpi) | 144×144 px | |
| Legacy PNG (xxxhdpi) | 192×192 px | |
| Google Play Store | 512×512 px | Без скруглений |
Как подготовить монохромную иконку?
Монохромная иконка — это векторный drawable, который содержит только силуэт, без цветовой информации. Система сама применит tint из темы. Важно: все элементы должны быть одного цвета (обычно белого или чёрного). Мы создаём его на основе foreground, упрощая детали до уровня, читаемого в маленьком размере.
Типичные ошибки и как их избежать
- Выход за зону безопасности: проверяйте, что все значимые элементы помещаются в 66×66 dp. Используйте макеты с наложением маски.
- Пропуск монохромного слоя: добавляйте
ic_launcher_monochrome— это продлевает жизнь иконки в Android 13+. - Использование JPG или неоптимизированного PNG: конвертируйте в VectorDrawable, если нет градиентов.
- Неправильная иконка для Google Play: подавайте отдельный 512×512 PNG без скруглений — магазин сам применяет маску.
Процесс работы
- Анализ фирменного стиля и требований Google Play.
- Дизайн 3–5 концепций в векторном редакторе с учётом зоны безопасности.
- Экспорт слоёв: foreground (VectorDrawable), background (цвет), монохром (VectorDrawable).
- Legacy PNG: конвертация в mipmap-плотности (mdpi, hdpi, xhdpi, xxhdpi, xxxhdpi).
- Формирование Play Store Icon (512×512 PNG) без обводки.
- Проверка на трёх реальных устройствах с разными лаунчерами.
Что входит в работу
По результатам проекта вы получаете:
- исходные векторные файлы (SVG или AI);
- адаптивный пакет для Android (foreground, background, монохром);
- legacy PNG всех плотностей для mipmap;
- иконку для Google Play (512×512);
- инструкцию по интеграции в проект.
Наши гарантии и опыт
Мы разработали иконки более чем для 50 Android-приложений за 5+ лет работы. Гарантируем: иконка пройдёт проверку Google Play Console, не будет обрезаться на устройствах Samsung, Xiaomi, Pixel и будет поддерживать тёмную тему. При необходимости дорабатываем решение до полной совместимости с вашим лаунчером. Получите профессиональную иконку для вашего приложения — закажите разработку в нашей команде.
Сроки и стоимость
Ориентировочные сроки — от 4 часов до 2 дней в зависимости от сложности концепции и количества итераций. Стоимость рассчитывается индивидуально под ваш проект — оценим его бесплатно. При правильном проектировании иконки можно избежать до 30% дополнительных затрат на доработки. Свяжитесь с нами, чтобы обсудить детали и получить консультацию.
Подробнее об Adaptive Icons читайте в официальной документации Android.