Към основното съдържание
LibraTool logoLibraTool

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

Превърнете всяко изображение в пълен пакет фавикон: многоразмерен favicon.ico, Apple touch икона, Android/PWA икони, уеб манифест и готов за поставяне HTML фрагмент — всичко в ZIP, в браузъра ви.

Пуснете файл тук или щракнете, за да изберете

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

или натиснете Ctrl+V, за да поставите от клипборда

Преглед на файлове

Вашите файлове никога не напускат устройството ви. Цялата обработка се извършва локално в браузъра ви.

💡 За най-добър резултат качете квадратно изображение от поне 512×512. Прозрачно PNG или SVG работи най-добре.

Често срещани употреби

  • Създайте Favicon на Уеб СайтГенерирайте пълния набор от иконки, което очаква всеки браузър и устройство.
  • Генерирайте PWA и Manifest ИкониПолучете икони 192px и 512px и уеб манифест, който PWA трябва.
  • Създайте Apple Touch ИконаГенерирайте икона 180×180 пиксела, която iOS използва, когато сайт е запазен на домашния екран.
  • Превърнете Logo в FaviconПревърнете вашия логотип на марката в чист, разпознаваем favicon.
  • Генерирайте Favicon за Всяка FrameworkПолучете готови към използване favicon файлове за React, Next.js, WordPress и много други.

Как работи

Този инструмент преобразува всеки PNG, JPEG, WebP или SVG в пълен пакет фавикони — многоразмерен .ico, Apple touch икона, Android/PWA икони, уеб манифест и готов за поставяне HTML откъс — изцяло във вашия браузър чрез Canvas API и JSZip. Нищо не се качва; целият рендеринг и сглобяване на файлове се извършва локално.

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

Изображението ви се зарежда директно в Canvas API на браузъра и никога не напуска устройството ви — никакви файлови данни не се предават до сървър в нито един момент.

Свързани инструменти

Често задавани въпроси