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

Како функционира

Оваа алатка конвертира која било PNG, JPEG, WebP или SVG во целосен пакет favicon — .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 одоздола-нагоре и 1bpp AND маска — бидејќи компонентите на Windows shell бараат некомпресиран 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 блок кој автоматски се презема на вашиот уред.

Поврзани алатки