Hoe maak ek 'n favicon van my logo?

Los 'n PNG-, JPEG-, WebP- of SVG-lêer, stel opsies soos Vorm, Opvulling en Toepnaam, en klik dan Genereer favicon-pakket (.zip). Kopieer die HTML-snit wat onder Plak in jou head gewys word.

Watter lêers is in die favicon-ZIP?

favicon-package.zip bevat favicon.ico, PNG-ikone (16, 32, 180, 192 en 512 pixels), site.webmanifest met jou toepnaam, en 'n favicon-snippet.html met die link-etikette.

Watter beeldgrootte en -formaat moet ek oplaai?

PNG, JPEG, WebP en SVG word aanvaar, een lêer op 'n slag. Vir die skerpste resultaat gebruik 'n vierkantige beeld van minstens 512x512; 'n deursigtige PNG of SVG werk die beste.

Hoe kry ek 'n ronde of afgeronde favicon?

Kies ná oplaai Vierkant, Afgerond of Sirkel onder Vorm. Jy kan ook Opvulling van 0 tot 25 persent aanpas en die resultaat in die Blaaieroortjie-voorskou bekyk.

Word my beeld opgelaai, en hoekom misluk generering?

Ikone word met die blaaier se Canvas geteken en met JSZip op jou toestel in 'n ZIP gepak. As jy Kon nie hierdie beeld laai nie sien, kan die lêer korrup wees; probeer 'n ander beeld of blaaier.

Is dit regtig gratis?

Ja. Elke instrument is gratis om te gebruik, sonder 'n rekening en sonder 'n kredietkaart. Die werk loop op jou toestel eerder as op ons bedieners, en dit is wat dit gratis hou om te loop.

Word my lêers opgelaai?

Nee. Jou lêers word in jou blaaier oopgemaak en verwerk en word nie na LibraTool gestuur nie. Sommige gereedskap laai eers 'n verwerkingsenjin of KI-model na jou blaaier af; daardie aflaai bevat geen data van jou nie.

Ja. Dit werk in huidige mobiele blaaiers op iOS en Android, sonder om iets te installeer. Baie groot lêers kan stadig wees of die geheue op 'n foon uitput, gebruik dus 'n rekenaar daarvoor.

🌟

Gratis Favicon-opwekker

Verander enige prent in 'n volledige favicon-pakket: 'n multi-grootte favicon.ico, Apple touch-ikoon, Android/PWA-ikone, 'n webmanifes en die gereed-om-te-plak HTML-brokkie - alles in jou blaaier gerits.

Lêergrootte hang van jou toestel afLêers bly privaatGeen aanmelding benodigGratis vir altyd

Los 'n lêer hier, of klik om te soek

PNG, JPG, WebP, SVG, HEIC, HEIF · op jou toestel verwerk

of druk Ctrl+V om vanaf jou knipbord te plak

Blaai deur lêers

Jou lêers verlaat nooit jou toestel nie. Alle verwerking gebeur plaaslik in jou blaaier.

💡 Laai 'n vierkantige prent van ten minste 512×512 op vir die skerpste resultaat. Deursigtige PNG of SVG werk die beste.

Algemene gebruike

Skep 'n Webwerf FaviconGenereer die volledige favicon-stel wat elke blaaier en toestel verwag.
Genereer PWA & Manifest-ikoneKry die 192px- en 512px-ikone en webrif wat 'n PWA benodig.
Skep 'n Apple Touch IconGenereer die 180×180-ikon wat iOS gebruik wanneer 'n webwerf op die tuisskerm gestoor word.
Skakel 'n Logo na FaviconSkakel jou merklogo na 'n skoon, herkenbare favicon.
Genereer Favicons vir Enige RaamwerkKry drop-in favicon-lêers vir React, Next.js, WordPress en meer.

Hoe dit werk

Hierdie nutsprogram skakel enige PNG, JPEG, WebP, of SVG om na 'n volledige gunstelingikoon-pakket — multi-grootte .ico, Apple-raakikoon, Android/PWA-ikone, 'n web-manifes, en 'n gereed-om-te-plak-HTML-snit — heeltemal binne jou blaaier met die Canvas-API en JSZip. Niks word opgelaai nie; alle rendering en lêersamestelling gebeur plaaslik.

1
Canvas herskaal jou beeld
Die blaaier teken jou bronbeeld op skerm-af HTML-Canvas-elemente by elke vereiste grootte (16, 32, 48, 180, 192, en 512 px). SVG's sonder eksplisiete wydte-/hoogte-eienskappe word eers via DOMParser en XMLSerializer genormaliseer sodat Firefox en Chrome identiese pixel-uitset produseer eerder as 'n leë canvas.
2
Handgeskrewe ICO-enkodeerder pak die .ico-lêer
Klein ICO-inskrywings (16, 32, 48 px) word as rou 32-bis-BGRA-DIB-bisbeelde geënkodeer — die BITMAPINFOHEADER plus onder-na-bo-XOR-rye en 'n 1bpp-EN-masker — omdat Windows-dopkomponente onkomprimeerde DIB-formaat by daardie groottes vereis. Die nutsprogram skryf die ICO-gidsopskrif en voeg die inskrywings heeltemal met DataView en Uint8Array saam, sonder eksterne ICO-biblioteek betrokke.
3
PNG-uitsette word via canvas.toBlob geproduseer
Elke PNG-variant (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) word vasgevang deur canvas.toBlob met 'image/png' aan te roep, en delegeer verlieslose enkodering aan die blaaier se ingeboude beeldenjin. Opsionele opvulling, agtergrondkleur, en vormafsnyding (vierkant, afgerond, of sirkel) word op die canvas-konteks toegepas voor vaslegging.
4
JSZip bundel alles in een aflaai
JSZip stel al die gegenereerde lêers saam — favicon.ico, die vyf PNG's, 'n site.webmanifest met jou app-naam, en 'n favicon-snippet.html met die korrekte <link>-etikette — in 'n enkele .zip-blob wat outomaties na jou toestel aflaai.

Jou beeld word direk in die blaaier se Canvas-API gelaai en verlaat nooit jou toestel nie — geen lêerdata word ooit na enige bediener oorgedra nie.

Verwante gereedskap

🖼️

PNG na ICO Favicon-omskakelaar

Omskep PNG, JPG, WebP of SVG beelde in multi-grootte .ico favicon lêers. Kies die groottes wat jy saamgevoeg wil hê (16, 32, 48, 64, 128, 256) en laai 'n enkele .ico af.

Probeer ditLêers bly plaaslik

🎞️

Geanimeerde GIF Maker

Kombineer veelvuldige beelde in 'n geanimeerde GIF. Verstelbare raamvertraging, uitsetwydte, lusvorming en kwaliteit. Geheel geënkodeer in jou blaaier.

Probeer ditLêers bly plaaslik

Gewild

✍️

Handtekening-Maker

Teken 'n handtekening met jou muis, vinger, of stylus, of tik jou naam in 'n handskriflettertipe, voer dit dan uit as 'n deursigtige PNG of SVG.

Probeer dit