Генератор фавиконок и иконок приложения (PNG, ICO, manifest)
Превращает изображение или одну-две буквы в полный набор фавиконок и иконок приложения от 16 до 512 px с ICO, apple-touch-icon и фрагментом манифеста, сохраняемый в zip. Ничего не покидает ваш браузер
Загрузка инструмента…
Создаёт полный набор фавиконок и иконок приложения из логотипа или одной-двух букв: все размеры от 16 до 512 px, favicon.ico, apple-touch-icon и манифест одним скачиванием, для нового сайта или приложения, добавляемого на главный экран.
Как пользоваться
- В поле «Создать из» выберите «Букв» или «Изображения». Введите один или два символа в поле «Буквы», либо перетащите файл изображения или нажмите «Загрузить пример».
- Настройте «Форма фона», «Цвет фона» и «Отступ»; предпросмотр обновляется сразу. Для изображений доступен и «Прозрачный фон».
- «Название приложения или сайта» и «Короткое название» записываются в site.webmanifest. Для Android включите «Также создать maskable-иконки».
- Нажмите «Сохранить как zip», загрузите файлы в корень сайта, затем скопируйте «Фрагмент для HTML head» в элемент head.
Как это работает
- Сначала рисуется оригинал 512 px, который затем пошагово уменьшается вдвое до PNG 16, 32, 48, 180, 192 и 512 px, чтобы тонкие линии оставались чёткими в малых размерах.
- favicon.ico содержит PNG 16, 32 и 48 px внутри контейнера ICO; современные браузеры читают PNG-данные внутри ICO напрямую.
- Maskable-иконка держит содержимое в центральной безопасной зоне 80 %, поэтому Android может обрезать её в круг или скруглённый квадрат, ничего не отрезая.
- Изображения и текст обрабатываются только в этом браузере и никуда не отправляются. Настройки сохраняются в этом браузере до следующего визита.
Частые вопросы
- Какого размера должна быть фавиконка?
- Вкладки браузера используют 16 и 32 px, ярлыки 48 px, главный экран iPhone 180 px, установки Android или PWA 192 и 512 px. Эта страница создаёт все шесть сразу.
- Нужен ли ещё файл .ico?
- Он помогает старым браузерам и клиентам, которые автоматически запрашивают /favicon.ico. Ссылки на PNG тоже включены, поэтому современные браузеры предпочитают PNG-файлы.
- Какой шрифт используется для иконок из букв?
- Системный шрифт, установленный на вашем устройстве, из выбранного семейства. Другое устройство может отрисовать то же семейство другим шрифтом.
- Может ли иконка быть с прозрачным фоном?
- Для изображений да: включите «Прозрачный фон», и фон PNG останется пустым. Иконки из букв всегда имеют цвет фона.