Создание фавикона и иконок приложений

Создание фавиконов и иконок приложений из изображения

Возможности

Поддержка всех платформ

Одновременный вывод иконок для Favicon, смартфонов и Windows

Автоматический охват стандартных размеров

Подготовка основных размеров от 16×16 до 310×310 за один раз

Формат ico и пакетная загрузка в ZIP

Поддержка ico для всех браузеров и пакетной загрузки в ZIP

Автоматическая генерация HTML для установки

Получение копированием набора тегов link для вставки в head

Как пользоваться

Загрузка исходного изображения

Выберите и загрузите квадратный файл изображения

Выбор категорий вывода

Отметьте нужные типы из Favicon, Android, Apple и Windows

Создание сразу всего набора кнопкой генерации

Нажатие кнопки генерации создаёт комплект иконок всех размеров

Просмотр и сохранение

Проверьте результат и скачайте по отдельности или одним архивом ZIP

Установка HTML-сниппета

Скопируйте выведенные теги link и вставьте в head сайта

Примеры использования

Подготовка сайта к публикации

Комплексная подготовка иконки вкладки для нового сайта или блога

Подготовка иконок PWA

Пакетное создание иконок для Android и Apple, нужных для добавления на домашний экран

Замена при ребрендинге

Перегенерация иконок всех стандартов под обновлённый логотип для единообразия

Экономия времени в персональной разработке

Создание условий для сосредоточения на разработке без хлопот с экспортом иконок

Основные знания

Что такое favicon

Favicon — это небольшой значок сайта, отображаемый на вкладке браузера или в списке закладок. Название является сокращением от "favorite icon" (значок избранного).

Что такое формат ico

Формат ico — это специальный формат для значков, который позволяет хранить несколько изображений разных размеров в одном файле. Браузер выбирает подходящий размер в зависимости от места отображения.

Основные размеры значков

16×16·32×32：Размеры 16×16 и 32×32 — это стандартные размеры favicon, используемые на вкладках браузера и в закладках.
180×180：Размер 180×180 используется для Apple Touch Icon при добавлении сайта на главный экран iPhone или iPad.
192×192：Размер 192×192 используется для значка на главном экране Android и для значков PWA.