Перейти к основному содержимому
LibraTool logoLibraTool

Конвертер PNG в ICO (фавикон) — бесплатно

Конвертируйте PNG, JPG, WebP или SVG в многоразмерный .ico-фавикон. Выбирайте нужные размеры (16, 32, 48, 64, 128, 256) и скачивайте один .ico-файл.

Работает офлайн после загрузки

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

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

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

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

Совет: скриншот можно вставить сочетанием Ctrl+V

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

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

  • Создайте фавикон веб-сайта из PNGКонвертируйте ваш логотип PNG в многоразмерный файл favicon.ico для значка вкладки вашего веб-сайта.
  • Создайте значок рабочего стола WindowsКонвертируйте изображения PNG или JPG в файлы .ico для ярлыков рабочего стола Windows и значков приложений.
  • Многоразмерный кроссплатформенный значокОбъедините несколько размеров значков (16, 32, 48, 64, 128, 256) в один файл .ico, который работает везде.
  • Файл исходного значка PWAГенерируйте базовый .ico из вашего логотипа PWA для резервной поддержки в старых браузерах, которые не используют манифест.
  • Конвертируйте логотип бренда в формат ICOПреобразуйте логотип вашей компании или бренда из PNG, JPG или SVG в высококачественный файл .ico для цифровых точек контакта.

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

Конвертация полностью работает в вашем браузере с использованием двух механизмов, написанных прямо в этом инструменте: API Canvas для масштабирования и рендеринга каждого кадра значка, и написанного вручную двоичного кодировщика ICO, который упаковывает эти кадры в единый файл .ico — никакая библиотека не скачивается, и никакой файл никогда не покидает ваше устройство.

  1. 1
    Изображение декодировано в холст
    Загруженный PNG, JPEG, WebP или SVG загружается в HTMLImageElement и отрисовывается на скрытом холсте в каждом нужном размере (от 16×16 до 256×256). Холст использует качественное бикубическое сглаживание и учитывает выбранный способ подгонки: «Вписать» добавляет вокруг изображения прозрачные или цветные поля, а «Заполнить» вырезает из исходника квадрат по центру.
  2. 2
    Каждый кадр экспортирован как байты PNG
    Встроенный canvas.toBlob('image/png') браузера кодирует каждый масштабированный кадр в PNG без потерь. Эти необработанные байты — то, что встраивается внутри контейнера .ico — современные браузеры и Windows обрабатывают PNG-в-ICO нативно, что делает размеры файлов меньше, чем более старый формат на основе BMP.
  3. 3
    Двоичный ICO собран в памяти
    Написанный вручную кодировщик с нуля строит структуру файла .ico с помощью DataView: 6-байтовый заголовок ICONDIR указывает количество изображений, за ним следует 16-байтовая запись каталога для каждого размера (ширина, высота, глубина цвета, длина в байтах и смещение данных), а затем подряд идут данные всех PNG. Сторонние библиотеки не используются.
  4. 4
    Показан предпросмотр, файл скачан
    Перед предложением скачивания UI рендерит точный по пикселям предпросмотр каждого упакованного размера на фоне шахматной доски, так что вы можете проверить прозрачность перед сохранением. Собранный Blob передаётся механизму скачивания браузера как 'favicon.ico'.

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

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

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