Как сделать фавикон из моего логотипа?

Перетащите файл PNG, JPEG, WebP или SVG, задайте параметры «Форма», «Отступ» и «Название приложения», затем нажмите «Создать пакет фавиконов (.zip)». Скопируйте HTML-фрагмент, показанный под «Вставьте в head».

Какие файлы в ZIP с фавиконом?

В favicon-package.zip находятся favicon.ico, PNG-значки (16, 32, 180, 192 и 512 пикселей), site.webmanifest с названием вашего приложения и favicon-snippet.html с тегами link.

Какой размер и формат изображения загружать?

Принимаются PNG, JPEG, WebP и SVG, по одному файлу. Для наилучшей чёткости используйте квадратное изображение не менее 512x512; лучше всего подходит прозрачный PNG или SVG.

Как получить круглый или скруглённый фавикон?

После загрузки выберите «Квадрат», «Скруглённая» или «Круг» в разделе «Форма». Можно также настроить «Отступ» от 0 до 25 процентов и посмотреть результат в предпросмотре «Вкладка браузера».

Загружается ли моё изображение и почему создание не удаётся?

Значки рисуются через Canvas браузера и упаковываются JSZip на вашем устройстве. Если вы видите «Не удалось загрузить это изображение», файл может быть повреждён; попробуйте другое изображение или браузер.

Это правда бесплатно?

Да. Все инструменты бесплатны, без учётной записи и банковской карты. Работа выполняется на вашем устройстве, а не на наших серверах, что и позволяет оставаться бесплатными.

Загружаются ли мои файлы?

Нет. Ваши файлы открываются и обрабатываются в браузере и не отправляются в LibraTool. Некоторые инструменты сначала скачивают в браузер движок обработки или модель ИИ; в этой загрузке нет ваших данных.

Работает на мобильных устройствах?

Да. Работает в современных мобильных браузерах на iOS и Android, ничего устанавливать не нужно. Очень большие файлы могут обрабатываться медленно или не поместиться в память телефона, для них лучше использовать компьютер.

🌟

Генератор фавиконов — бесплатно

Превращайте любое изображение в полный пакет фавиконов: многоразмерный favicon.ico, иконку Apple touch, иконки Android/PWA, веб-манифест и готовый HTML-фрагмент — всё в ZIP, в браузере.

Размер файла зависит от вашего устройстваФайлы остаются приватнымиРегистрация не требуетсяБесплатно навсегда

Перетащите файл сюда или нажмите для выбора

PNG, JPG, WebP, SVG, HEIC, HEIF · обрабатывается на вашем устройстве

или нажмите Ctrl+V, чтобы вставить из буфера обмена

Выбрать файлы

Ваши файлы никогда не покидают устройство. Вся обработка происходит локально в браузере.

💡 Для наилучшего результата загрузите квадратное изображение не менее 512×512. Прозрачный PNG или SVG подходит лучше всего.

Частые применения

Создать значок сайтаСгенерируйте полный набор значков, который ожидает каждый браузер и устройство.
Генерировать иконки PWA и манифестаПолучите иконки 192px и 512px, а также веб-манифест, необходимый для PWA.
Создать значок Apple TouchСоздайте значок 180×180, который iOS использует при сохранении сайта на главный экран.
Преобразуйте логотип в значок сайтаПреобразуйте логотип вашего бренда в чистый и узнаваемый значок сайта.
Генерировать значки для любой платформыПолучите готовые файлы значков для React, Next.js, WordPress и других.

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

Этот инструмент конвертирует любой PNG, JPEG, WebP или SVG в полный пакет фавиконов — многоразмерный .ico, значок Apple touch, значки Android/PWA, веб-манифест и готовый для вставки фрагмент HTML — полностью внутри вашего браузера с использованием API Canvas и JSZip. Ничего не загружается; весь рендеринг и сборка файлов происходят локально.

1
Canvas масштабирует ваше изображение
Браузер рисует ваше исходное изображение на закадровых элементах HTML Canvas при каждом требуемом размере (16, 32, 48, 180, 192 и 512 px). SVG без явных атрибутов width/height сначала нормализуются через DOMParser и XMLSerializer, так что Firefox и Chrome производят идентичный пиксельный вывод, а не пустой холст.
2
Написанный вручную кодировщик ICO упаковывает файл .ico
Небольшие записи ICO (16, 32, 48 px) кодируются как сырые 32-битные битовые карты DIB BGRA — BITMAPINFOHEADER плюс строки XOR снизу вверх и маска AND 1bpp — потому что компоненты оболочки Windows требуют несжатый формат DIB при этих размерах. Инструмент записывает заголовок директории ICO и объединяет записи полностью с помощью DataView и Uint8Array, без участия внешней библиотеки ICO.
3
Выводы PNG производятся через canvas.toBlob
Каждый вариант PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) захватывается вызовом canvas.toBlob с 'image/png', делегируя кодирование без потерь встроенному движку изображений браузера. Опциональные отступы, цвет фона и обрезка формы (квадрат, скруглённый или круг) применяются к контексту холста перед захватом.
4
JSZip объединяет всё в одну загрузку
JSZip собирает все сгенерированные файлы — favicon.ico, пять PNG, site.webmanifest с именем вашего приложения и favicon-snippet.html с правильными тегами <link> — в единый blob .zip, который автоматически загружается на ваше устройство.

Ваше изображение загружается прямо в API Canvas браузера и никогда не покидает ваше устройство — никакие данные файла никогда не передаются ни на один сервер.

Генератор фавиконов — бесплатно

Частые применения

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

Похожие инструменты

Конвертер PNG в ICO (фавикон)

Создатель анимированных GIF

Создание подписи

Часто задаваемые вопросы