Hvordan lager jeg en favicon fra logoen min?

Slipp en PNG-, JPEG-, WebP- eller SVG-fil, angi alternativer som Form, Polstring og App-navn (for manifest), og klikk deretter Generer favicon-pakke (.zip). Kopier HTML-koden som vises under Lim inn i din .

Hvilke filer er i favicon-ZIP-en?

favicon-package.zip inneholder favicon.ico, PNG-ikoner (16, 32, 180, 192 og 512 piksler), site.webmanifest med appnavnet ditt og en favicon-snippet.html med link-taggene.

Hvilken bildestørrelse og hvilket format bør jeg laste opp?

PNG, JPEG, WebP og SVG godtas, én fil om gangen. For det skarpeste resultatet bruk et kvadratisk bilde på minst 512x512; en gjennomsiktig PNG eller SVG fungerer best.

Hvordan får jeg en rund eller avrundet favicon?

Etter opplasting velger du Kvadrat, Avrundet eller Sirkel under Form. Du kan også justere Polstring fra 0 til 25 prosent og forhåndsvise resultatet i Forhåndsvisning av nettleserfane.

Blir bildet mitt lastet opp, og hvorfor mislykkes genereringen?

Ikonene tegnes med nettleserens Canvas og zippes med JSZip på enheten din. Hvis du ser Kunne ikke laste inn dette bildet, kan filen være ødelagt; prøv et annet bilde eller en annen nettleser.

Er det virkelig gratis?

Ja. Alle verktøy er gratis å bruke, uten konto og uten kredittkort. Arbeidet utføres på enheten din i stedet for på våre servere, noe som gjør det gratis å kjøre.

Lastes filene mine opp?

Nei. Filene dine åpnes og behandles i nettleseren din og sendes ikke til LibraTool. Noen verktøy laster først ned en behandlingsmotor eller AI-modell til nettleseren din; den nedlastingen inneholder ingen data fra deg.

Fungerer det på mobil?

Ja. Det fungerer i moderne mobilnettlesere på iOS og Android, uten at du trenger å installere noe. Svært store filer kan gå tregt eller gå tom for minne på en telefon, så bruk en datamaskin til dem.

🌟

Gratis Favikongenerator

Gjør et bilde om til en komplett favikonpakke: en favicon.ico i flere størrelser, Apple touch-ikon, Android/PWA-ikoner, et web manifest og klar-til-lim HTML-kode — alt zippet, i nettleseren.

Filstørrelsen avhenger av enheten dinFiler forblir privateIngen pålogging krevesGratis for alltid

Slipp en fil her, eller klikk for å bla

PNG, JPG, WebP, SVG, HEIC, HEIF · behandles på enheten din

eller trykk Ctrl+V for å lime inn fra utklippstavlen

Bla gjennom filer

Filene dine forlater aldri enheten. All behandling skjer lokalt i nettleseren din.

💡 Last opp et kvadratisk bilde på minst 512×512 for skarpest resultat. Gjennomsiktig PNG eller SVG fungerer best.

Vanlige bruksområder

Opprett et nettstedsfavikonGenerer det komplette favikonsettet som alle nettlesere og enheter forventer.
Generer PWA- og manifestikonerFå 192px og 512px ikoner og webmanifest som en PWA trenger.
Opprett et Apple Touch-ikonGenerer 180×180-ikonen som iOS bruker når et nettsted lagres på startskjermen.
Gjør et logo til et favikonKonverter merkelogoen din til et rent, gjenkjennelig favikon.
Generer favikon for ethvert rammeverkFå drop-in favikonsfiler for React, Next.js, WordPress og mer.

Hvordan det fungerer

Verktøyet gjør et hvilket som helst PNG-, JPEG-, WebP- eller SVG-bilde om til en komplett favicon-pakke — .ico i flere størrelser, Apple touch-ikon, Android/PWA-ikoner, et webmanifest og et HTML-utdrag klart til å limes inn — helt i nettleseren med Canvas API og JSZip. Ingenting lastes opp; all gjengivelse og filbygging skjer lokalt.

1
Canvas skalerer bildet ditt
Nettleseren tegner kildebildet på HTML Canvas-elementer utenfor skjermen i hver nødvendige størrelse (16, 32, 48, 180, 192 og 512 px). SVG-er uten eksplisitte width/height-attributter normaliseres først via DOMParser og XMLSerializer, slik at Firefox og Chrome gir identisk pikselresultat i stedet for et tomt lerret.
2
En håndskrevet ICO-koder pakker .ico-filen
Små ICO-oppføringer (16, 32, 48 px) kodes som rå 32-bits BGRA DIB-bitmaps — BITMAPINFOHEADER pluss XOR-rader nedenfra og opp og en 1bpp AND-maske — fordi Windows-skallkomponenter krever ukomprimert DIB-format i disse størrelsene. Verktøyet skriver ICO-katalogoverskriften og setter sammen oppføringene helt med DataView og Uint8Array, uten noe eksternt ICO-bibliotek.
3
PNG-filer lages via canvas.toBlob
Hver PNG-variant (favicon-16x16, favicon-32x32, apple-touch-icon-180x180, android-chrome-192x192, android-chrome-512x512) fanges ved å kalle canvas.toBlob med 'image/png', slik at tapsfri koding overlates til nettleserens innebygde bildemotor. Valgfri polstring, bakgrunnsfarge og form (kvadrat, avrundet eller sirkel) legges på canvas-konteksten før fangsten.
4
JSZip pakker alt i én nedlasting
JSZip setter sammen alle genererte filer — favicon.ico, de fem PNG-ene, en site.webmanifest med appnavnet ditt og en favicon-snippet.html med riktige <link>-tagger — i én .zip-blob som lastes ned automatisk til enheten din.

Bildet ditt lastes direkte inn i nettleserens Canvas API og forlater aldri enheten — ingen fildata overføres til noen server på noe tidspunkt.

Relaterte verktøy

🖼️

PNG til ICO-favicon-konverterer

Konverter PNG-, JPG-, WebP- eller SVG-bilder til .ico-favicon-filer i flere størrelser. Velg størrelsene du vil ha samlet (16, 32, 48, 64, 128, 256) og last ned én .ico-fil.

Prøv detFiler forblir lokale

🎞️