Aqbeż għall-kontenut ewlieni
LibraTool logoLibraTool

Ġeneratur ta' Favicon b'xejn

Ibdel kwalunkwe immaġni f'pakkett komplet ta' favicon: favicon.ico b'daqsijiet multipli, apple touch icon, ikoni Android/PWA, manifest tal-web, u snippet HTML lest biex twaħħal — kollox f'zip, fil-browser tiegħek.

Waqqa' fajl hawn, jew ikklikkja biex tfitteq

PNG, JPG, WebP, SVG, HEIC, HEIF · ipproċessat fuq it-tagħmir tiegħek

jew agħfas Ctrl+V biex twaħħal mill-clipboard

Agħżel fajls

Il-fajls tiegħek qatt ma jħallu t-tagħmir tiegħek. L-ipproċessar kollu jseħħ lokalment fil-browser tiegħek.

💡 Għall-aħjar riżultat, itella' immaġni kwadra ta' mill-inqas 512×512. PNG jew SVG trasparenti jaħdmu aħjar.

Użi komuni

  • Oħloq Favicon għal WebsajtIġġenera l-sett komplut ta' favicon li kull browse u apparat jistennew.
  • Iġġenera PWA u Icons tal-ManifestIkseb l-icons ta' 192px u 512px u l-manifest tal-web li PWA jeħtieġ.
  • Oħloq Icon ta' Apple TouchIġġenera l-icon ta' 180×180 li iOS juża meta websajt tinħafan fuq l-iskrin tal-home.
  • Ibdel Logo f'FaviconIbdel il-logo tal-brand tiegħek f'favicon ċari u misjubilment ta' faċilità.
  • Iġġenera Favicons għal Kull FrameworkIkseb files ta' favicon drop-in għal React, Next.js, WordPress, u aktar.

Kif Taħdem

Din l-għodda tikkonverti kwalunkwe PNG, JPEG, WebP, jew SVG f'pakkett favicon sħiħ — .ico b'ħafna daqsijiet, ikona Apple touch, ikoni Android/PWA, manifest tal-web, u biċċa HTML lesta biex titwaħħal — kompletament ġewwa l-browser tiegħek bl-użu tal-API Canvas u JSZip. Xejn ma jitgħabba; ir-rendjar u l-immuntar tal-fajl kollu jseħħ lokalment.

  1. 1
    Canvas jerġa' jskala l-istampa tiegħek
    Il-browser jiddisinja l-istampa sors tiegħek fuq elementi Canvas ta' HTML barra l-iskrin f'kull daqs meħtieġ (16, 32, 48, 180, 192, u 512 px). SVGs mingħajr attributi espliċiti ta' wisa'/għoli jiġu normalizzati l-ewwel permezz ta' DOMParser u XMLSerializer biex Firefox u Chrome jipproduċu l-istess ħruġ ta' pixels minflok canvas vojt.
  2. 2
    Encoder ICO miktub bl-idejn jimballja l-fajl .ico
    Entrati ICO żgħar (16, 32, 48 px) huma kodifikati bħala bitmaps DIB BGRA ta' 32-bit mhux ipproċessati — il-BITMAPINFOHEADER flimkien ma' ringieli XOR minn isfel għal fuq u maskra AND ta' 1bpp — għax komponenti tal-shell tal-Windows jeħtieġu format DIB mhux ikkompressat f'dawk id-daqsijiet. L-għodda tikteb l-intestatura tad-direttorju ICO u tikkonkatena l-entrati kompletament b'DataView u Uint8Array, mingħajr l-ebda librerija ICO esterna involuta.
  3. 3
    Ħruġ PNG jinbena permezz ta' canvas.toBlob
    Kull varjant PNG (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) jinqabad billi jissejjaħ canvas.toBlob b'"image/png", jiddelega l-kodifikazzjoni bla telf lill-magna tal-istampi inkorporata tal-browser. Padding mhux obbligatorju, kulur tal-isfond, u qtugħ tal-forma (kwadru, mdawwar, jew ċirku) jiġu applikati għall-kuntest tal-canvas qabel il-qbid.
  4. 4
    JSZip jgħaqqad kollox f'tniżżil wieħed
    JSZip jibni l-fajls iġġenerati kollha — favicon.ico, il-ħames PNGs, site.webmanifest bl-isem tal-app tiegħek, u favicon-snippet.html bit-tags <link> korretti — f'blob .zip wieħed li jitniżżel awtomatikament fuq l-apparat tiegħek.

L-istampa tiegħek tiġi mgħobbija direttament fl-API Canvas tal-browser u qatt ma toħroġ mill-apparat tiegħek — l-ebda data tal-fajl tiġi trażmessa lil xi server fl-ebda punt.

Għodod Relatati

Mistoqsijiet Frekwenti