Изображение / Иконки приложений
Генератор значков Liquid Glass для Icon Composer
Преобразуйте PNG или SVG переднего плана в пакет .icon Liquid Glass для Icon Composer и Xcode 26. Выберите цвет фона и отступы, сравните приблизительный вид в светлой, тёмной, тонированной и прозрачной темах и экспортируйте сведённый PNG размером 1024 × 1024.
Генератор значков Liquid Glass для Icon Composer: Инструмент сохраняет одно изображение переднего плана отдельно от автоматического градиента фона, который добавляет Icon Composer. Он центрирует изображение с заданными отступами и упаковывает пакет .icon в ZIP. Предварительный просмотр в браузере показывает скруглённые квадраты и круг для часов, а также приблизительный вид в тонированном и прозрачном режимах. Сведённый PNG использует выбранный сплошной цвет основы и не содержит материалов Glass. Настройки формы и вида предварительного просмотра не изменяют параметры пакета. Работает на 100% локально в вашем браузере, файлы на сервер не загружаются.
- Категория
- Инструменты для изображений
- Запуски
- В вашем браузере
- Стоимость
- Бесплатно · без регистрации
- Доступность
- Готово к использованию
Полностью работает в браузере
Liquid Glass — язык дизайна Apple, представленный в iOS 26. В значках приложений используются слои и материалы, которые адаптируются к внешнему виду и окружению. Документация Apple для разработчиков · Рекомендации по дизайну интерфейсов
Перетащите изображение сюда или выберите файлы. Лучше всего подходят изображения с прозрачностью. До 20 MB.
Icon Composer заполняет фон автоматическим градиентом на основе выбранного цвета. В этих предпросмотрах и сведённом PNG используется однотонный базовый цвет; настройте итоговый градиент в Icon Composer.
Это приблизительный предпросмотр: окончательный вид отображается в iOS. Формы, тонированный и прозрачный варианты — иллюстрации, а не отрисовка материалов Apple.
Распакуйте ZIP, откройте AppIcon.icon в Icon Composer для Xcode 26, проверьте материалы и варианты внешнего вида, затем добавьте пакет .icon в проект Xcode. Для более старых целей используйте сведённый PNG в каталоге ресурсов. Руководство Apple по Icon Composer
Этот генератор сохраняет один слой переднего плана над заливкой фона. Он не редактирует глубину слоёв, преломление, блики и тени. Добавляйте и настраивайте дополнительные слои в Icon Composer. Элементы управления предпросмотром не изменяют настройки внешнего вида пакета.
Изображение остаётся в браузере. Ничего не загружается.
Liquid Glass и дизайн значков приложений
Apple описывает Liquid Glass и адаптивные значки приложений в документации для разработчиков и руководствах Human Interface Guidelines. Следуйте этим рекомендациям, чтобы значок оставался узнаваемым на разных платформах и в разных режимах отображения. https://developer.apple.com/documentation/technologyoverviews/liquid-glass и https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer и Xcode
Icon Composer поддерживает многослойные изображения и настройку материалов. Откройте и проверьте извлечённый пакет .icon в этой программе перед добавлением в проект Xcode. Этот генератор создаёт один слой переднего плана и автоматический градиент фона на основе выбранного цвета. https://developer.apple.com/icon-composer/ и https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
Как пользоваться
- Выберите изображение переднего плана, желательно прозрачный PNG или SVG, и задайте отступы и цвет фона.
- Сравните светлые и тёмные экраны «Домой», формы платформы и приблизительный вид в тонированном или прозрачном режиме.
- Скачайте и распакуйте ZIP с .icon, откройте пакет в Icon Composer, проверьте итоговый вид и добавьте его в проект Xcode. Для старых версий скачайте сведённый PNG.
Конфиденциальность и ограничения
Изображения декодируются и экспортируются в вашем браузере. Ваши изображения не загружаются.
Похожие инструменты
Часто задаваемые вопросы
Что такое Liquid Glass?
Liquid Glass — это язык дизайна Apple, представленный в iOS 26. Значки приложений могут использовать слои и материалы, которые адаптируются к разным режимам отображения. Эта страница подготавливает исходный пакет; окончательный вид создаёт операционная система.
Как использовать скачанный файл в Xcode 26?
Распакуйте ZIP и откройте пакет AppIcon.icon в Icon Composer. Проверьте значок и сохраните его там, затем добавьте пакет .icon в проект Xcode и выберите его как значок приложения. Руководство Apple по Icon Composer содержит инструкции по настройке проекта.
Поддерживает ли этот редактор многослойную глубину?
Он добавляет один слой переднего плана поверх заливки фона. Редактор не изменяет несколько слоёв, глубину, преломление, блики или тени. Добавьте слои и настройте материалы в Icon Composer.
Соответствует ли предварительный просмотр итоговому виду в iOS?
Нет. Формы скруглённого квадрата и круга, а также эффекты тонирования и прозрачности показаны приблизительно. Итоговый вид создаёт iOS. Браузер и сведённый PNG используют сплошной цвет фона, а Icon Composer добавляет автоматический градиент.
Бесплатный инструмент · запусков: в вашем браузере · аккаунт не нужен