Как пользоваться: Генератор фавиконок
- 1
Выберите источник
Загрузите логотип или картинку размером до 25 MB, введите от одной до трёх букв одним из 11 шрифтов или выберите эмодзи.
- 2
Оформите иконку
Выберите одну из 12 форм — от варианта без формы и простого квадрата до печенья или клевера, — задайте цвет фона или прозрачность, отступ и радиус скругления.
- 3
Проверьте все размеры
Посмотрите иконку в размерах от 16 до 192 пикселей, на светлых и тёмных вкладках браузера и внутри безопасной зоны maskable-иконки Android.
- 4
Скачайте и установите
Сохраните favicon.zip, распакуйте архив в папку сайта и вставьте готовый HTML в head страницы.
Лимиты и Pro
Неограниченное число наборов иконок из текста или эмодзи; изображения до 25 MB, по одному. В каждом наборе 10 файлов.
Pro повышает лимит загрузки изображений логотипа до 4 GB. Смотреть Pro
О инструменте «Генератор фавиконок»
Генератор фавиконок создаёт из одного дизайна полный набор иконок, который нужен современному сайту. В ZIP-архиве лежат favicon.ico с изображениями 16, 32 и 48 пикселей, отдельные PNG на 16, 32 и 48 пикселей, apple-touch-icon 180 пикселей с непрозрачным фоном (скруглённые углы iOS добавляет сама), иконки Android Chrome на 192 и 512 пикселей, maskable-иконка 512 пикселей, содержимое которой остаётся внутри безопасной зоны в 80 %, файл site.webmanifest с названием приложения, коротким названием и цветом темы, а также готовый HTML-фрагмент с тегами link и theme-color. Все PNG оптимизируются без потери качества.
Загруженные картинки уменьшаются фильтром Ланцоша, поэтому даже крупный логотип остаётся чётким в 16 пикселей, а SVG-логотип сначала рисуется в 1 024 пикселя. Текстовые иконки отображаются выбранным шрифтом, а эмодзи — шрифтом Noto Color Emoji, поэтому результат выглядит одинаково в любой системе. Если иконки лежат не в корне сайта, введите папку, например /icons/, и пути в фрагменте и манифесте изменятся.
Обычно инструмент нужен для нового сайта или блога, веб-приложения, которое устанавливают на домашний экран, внутренней панели, заметной среди вкладок браузера, или быстрой временной иконки для небольшого проекта. Мелкие детали и длинные слова в 16 пикселей пропадают, поэтому лучше всего работают простые формы и одна-две буквы. Инструмент не размещает файлы и не меняет ваш сайт: загружать их нужно самостоятельно.
Конфиденциальность
Иконки рисуются на canvas в этой вкладке, а PNG кодируются WebAssembly-кодеком сайта в Web Worker, поэтому загруженный логотип не покидает ваше устройство. Если вы выберете один из шрифтов Google или источник «Эмодзи», браузер скачает шрифт из Google Fonts, как только вы начнёте редактировать; в запросе указан только шрифт, но не ваш текст, а при загрузке страницы ничего не запрашивается.
Возможности
Полный набор иконок
ICO, PNG разных размеров, Apple touch icon, иконки Android и maskable, а также веб-манифест — в одном ZIP.
Изображение, текст или эмодзи
Используйте свой логотип, от одной до трёх букв 11 шрифтами или любое эмодзи.
Выразительные формы
Квадрат, скруглённый квадрат, круг и восемь форм Material, а также настройки отступа и радиуса скругления.
HTML для вставки
Теги link, цвет темы и пути к манифесту создаются под выбранную вами папку.