FAVICON · ИКОНКИ ПРИЛОЖЕНИЙ · ПЛИТКИ
Подготовьте графику.
Получите готовый набор файлов.
Создайте favicon для сайта в форматах ICO и PNG, скопируйте HTML5-код для раздела <head>, соберите наборы иконок для iOS и Android или разрежьте изображение на нумерованные плитки.
Загрузите PNG, JPG, WebP, GIF или BMP. Подготовьте веб-форматы и размеры иконок для iOS и Android либо настройте сетку плиток и скачайте их ZIP-архивом.
Выберите изображение
Что нужно подготовить?
Создайте ICO с несколькими размерами, отдельные PNG, SVG-оболочку и web manifest. HTML5-фрагмент обновляется вместе с именем сайта, цветом и адресом папки.
Логотип вписывается в квадрат с сохранением пропорций.
Ссылки на favicon
Сначала скопируйте созданные файлы в указанную папку, затем вставьте этот код между тегами <head> и </head>.
Подготовьте стандартные размеры значков iPhone/iPad для Xcode и classic launcher icons Android Studio. Архив содержит имена файлов и структуру папок для проектов.
Исходное изображение будет обрезано или вписано с выбранным фоном.
Для App Store PNG-иконки iOS экспортируются с непрозрачным фоном. Android-иконки сохраняют прозрачность. Adaptive foreground/background layers не создаются.
Разрежьте изображение на одинаковую сетку без предварительного уменьшения. Предпросмотр показывает размеры и номера в том порядке, в котором файлы попадут в архив.
3 × 3 · 9 плиток · файлы пронумерованы в Instagram-порядке.
Выберите изображение, чтобы увидеть разметку плиток.
Результаты готовы
ТРИ ГРАФИЧЕСКИХ СЦЕНАРИЯ
Favicon, app icons и сетки изображений
- Favicon для сайта. ICO с несколькими размерами, PNG-версии, SVG-оболочка, web manifest и готовые строки HTML5 для
<head>. - Иконки iOS. AppIcon.appiconset и Contents.json с размерами для iPhone, iPad и App Store; прозрачный исходник получает выбранный фон.
- Иконки Android. Classic mipmap folders для разных плотностей экрана и PNG 512 × 512 для Google Play.
- Нарезка на плитки. Популярные пресеты, собственные строки и столбцы, просмотр пронумерованной сетки и сохранение отдельных плиток вместе в ZIP.
Квадратная картинка около 1024 × 1024 px подходит как исходник для favicon и значков приложений. Для мозаики можно использовать изображение любого соотношения сторон: оно делится по исходным пикселям на равные ячейки без обрезки всей картинки.