Какие форматы файлов поддерживаются на входе?

Вы можете загрузить векторные изображения в формате SVG, а также растровые файлы PNG, JPEG и WebP размером до 20 МБ.

Что входит в итоговый ZIP-архив?

Архив содержит файл favicon.ico, набор PNG-иконок разных размеров, Apple Touch Icon, файл site.webmanifest и текстовый файл с готовым HTML-кодом для секции head.

Зачем нужен параметр «Режим вписывания» (fitMode)?

Режим «contain» сохраняет пропорции логотипа, вписывая его в квадрат с учетом отступов, а «cover» заполняет всю область иконки, что полезно для создания сплошных фоновых плашек.

Для чего используется цвет темы (themeColor)?

Цвет темы прописывается в файле web manifest и метатегах HTML. Он указывает мобильным браузерам, в какой цвет окрашивать элементы интерфейса, например, адресную строку.

Как работает настройка отступов (paddingPercent)?

Эта настройка позволяет добавить пустое пространство вокруг логотипа (от 0 до 35%), чтобы иконка не прилипала к краям и смотрелась аккуратно на любых экранах.

Elysia Tools

Навигация

Media

Генератор SVG Favicon

Преобразует SVG или растровый логотип в полный набор favicon с ICO, PNG-версиями, Apple touch icon и web manifest

Запуск

Запустить этот инструмент

Заполните форму, запустите инструмент и посмотрите результат на этой же странице.

Подготовленные примеры запуска

Нажмите пример, чтобы автоматически заполнить форму. Файлы по-прежнему нужно загрузить.

2 примеров

Сгенерировать стандартный favicon-набор из SVG

Создает ICO, PNG, Apple touch icon, manifest и готовый HTML-фрагмент из векторного логотипа

{
  "type": "file",
  "filePath": "/public/samples/media/svg-favicon-generator-example1.zip"
}

Собрать набор иконок приложения из растрового логотипа

Использует режим cover и темную тему для создания полного набора favicon из PNG-источника

{
  "type": "file",
  "filePath": "/public/samples/media/svg-favicon-generator-example2.zip"
}

Ввод

Заполните нужные поля и запустите инструмент.

6 параметров

ФайлыЗагрузите исходные файлы для этого сценария.1

Исходный файл логотипаfileОбязательно

Максимальный размер одного файла: 20 MBПоддерживаемые типы: image/svg+xml, image/png, image/jpeg, image/webp

СодержимоеВставьте или введите основные значения.1

Название сайтаtextНеобязательно

НастройкиНастройте форматы, диапазоны, числа и режимы.4

Цвет фонаcolorНеобязательноРежим вписыванияselectНеобязательноОтступ (%)rangeНеобязательно

035

Цвет темыcolorНеобязательно

Результат

Готово к запуску

После запуска здесь появятся файлы, текст, структурированные данные или потоковый вывод.

Примеры

Примеры для этого инструмента

Связано

Генератор SVG Favicon

Запустить этот инструмент

Подготовленные примеры запуска

Ввод

Результат

Примеры для этого инструмента

Продолжить с похожими инструментами и темами

Подготовленные примеры запуска

Ввод

Результат

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

Ключевые факты

Обзор

Когда использовать

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

Сценарии использования

Примеры

1. Сгенерировать стандартный favicon-набор из SVG

2. Собрать набор иконок приложения из растрового логотипа

FAQ

Примеры Обработки Изображений Web Python

Примеры Обработки Изображений Android Java

Примеры Обработки Изображений Android Kotlin

Примеры Обработки Изображений Web Rust

Генератор Data URI

Инструмент Водяных Знаков с Изображением

PDF бренд-гайд

Инструмент Угловых Водяных Знаков

Инструменты для работы с SVG, favicon и иконками

Инструменты конвертации форматов изображений и анимированного экспорта

Инструменты XML для конвертации, маппинга и XPath

Инструменты для очистки, оформления и пакетной подготовки изображений