Своя иконка приложения

Одна картинка — две платформы. Ресурсы Android и иконка приложения iOS в одном скачивании.

Экспортировать мобильные ресурсы

SVG, PNG, JPG, WebP, HEIC · до 8 МБ · бесплатно для ваших файлов и разблокированных результатов

Войдите, чтобы использовать один из разблокированных результатов. Начните со строчной латинской буквы. Используйте буквы, цифры и подчеркивания.
Android добавляет безопасную зону адаптивной иконки. Монохромные иконки повторяют прозрачность исходника. Набор для iOS называется AppIcon.

Что делает инструмент

Создает иконки Android для всех размеров экрана, слои адаптивной иконки, тематическую (монохромную) иконку и изображение 512 px для Play Store, а также иконку приложения iOS 1024 px, готовую для Xcode. Выберите цвет фона и отступ, чтобы графика оставалась четкой в маленьких размерах.

Ради безопасности удаляются скрипты, анимация, встроенный веб-контент, ссылки и всё, что загружает другие файлы; ваша графика и встроенные изображения PNG, JPEG или WebP остаются. В результате указано, что было удалено.

Вход, результат и ограничения

На входе

SVG, PNG, JPEG, WebP или HEIC

На выходе

ZIP с ресурсами Android и/или AppIcon.appiconset для iOS

Ограничения

Файлы до 8 МБ; изображения PNG, JPG и WebP — до 24 Мп, перед экспортом масштабируются до 1 536 px. Лимит обработки: 30 с.

Как это работает

1

Загрузите графику

Логотип с прозрачным фоном дает больше контроля над передним планом и тематическими иконками Android. Чем крупнее растровый исходник, тем больше деталей сохранится.

2

Настройте детали

Выберите Android, iOS или обе платформы. Задайте сплошной фон и отступ; передний план Android к тому же вписывается в безопасную зону адаптивной иконки.

3

Импорт и проверка

Добавьте созданные папки ресурсов в Android-проект или AppIcon.appiconset в Xcode. В ZIP есть инструкция по импорту. Проверьте маски лаунчеров и маленькие размеры на устройствах.

Решение проблем

Создаются ли иконки Liquid Glass?

Нет. Получается плоский каталог ресурсов, а не документ .icon из Icon Composer и не редактируемые слои Liquid Glass.

Почему тематическая иконка квадратная?

Монохромный слой повторяет прозрачность исходника. Непрозрачное фото или фон дают залитый силуэт. Для фигурной иконки используйте логотип с прозрачным фоном.

Станет ли маленькое изображение четче?

Нет. Увеличение дает нужный размер в пикселях, но не может восстановить детали, которых нет в исходнике.

Доступ и цены

Этот инструмент не тратит кредиты, если применять его к загруженному файлу или уже разблокированному результату. Файлы хранятся 24 часа у гостей и 30 дней в аккаунте. См. цены.

Руководства по мобильным ресурсам

Как конвертировать SVG в Android XML (VectorDrawable)Иконки приложения для Android и iOS из одного изображенияSVG или PNG для ресурсов изображений в Xcode?

Похожие инструменты

SVG в Android VectorDrawableSVG-контуры в Android XMLГрафика в ресурсы iOSImageset для Xcode с векторными или PNG-ресурсамиГенератор Favicon и иконок PWAICO, SVG, Apple touch и maskable-иконкиРедактор SVG онлайнМеняйте цвета и формы и экспортируйте в браузере