Favicon-generator

Lag et komplett favicon-sett fra ett enkelt bilde — favicon.ico, apple-touch-icon, Android-/PWA-ikoner og HTML-kodesnutten — helt i nettleseren din. Ingenting lastes opp.

Personvern først: hvert bilde behandles lokalt i nettleseren din. Ingenting lastes opp, lagres eller sendes til noen server.

Alle ikonene et moderne nettsted trenger, på én gang

Et favicon er ikke lenger én fil. Nettlesere leser en liten favicon.ico for faner og adressefeltet, iOS vil ha et 180×180 apple-touch-icon til hjemskjermen, og Android og installerbare webapper henter PNG-er på 192 og 512 px fra et webmanifest. Denne generatoren bygger alle sammen fra ett kildebilde og gir deg en HTML-kodesnutt klar til å limes inn, så du slipper å eksportere seks størrelser for hånd.

Innrammet slik du vil, holdt privat

Behold ikonet kvadratisk, avrund hjørnene, eller beskjær det til en sirkel; legg til marg så en logo ikke presses mot kanten; og velg en gjennomsiktig eller ensfarget bakgrunn. En live forhåndsvisning viser resultatet i ekte favicon-størrelser, inkludert en simulert nettleserfane. Fordi hver fil genereres på enheten din, sendes logoen din — ofte upublisert merkevare — aldri til en server.

Ofte stilte spørsmål

Blir bildet mitt lastet opp for å lage faviconet?
Nei. Både favicon.ico-filen, PNG-ikonene og manifestet genereres lokalt i nettleseren din ved hjelp av Canvas API. Bildet ditt forlater aldri enheten din.
Hvilke størrelser og filer får jeg?
En favicon.ico i flere oppløsninger (16, 32 og 48px), PNG-ikoner på 16, 32, 48, 180 (apple-touch-icon), 192 og 512px, en site.webmanifest og en HTML-snutt du kan lime inn i <head>.
Kan jeg konvertere en PNG eller SVG til en ICO?
Ja. Slipp inn en PNG, JPG, SVG eller WebP, og last ned en ekte favicon.ico. SVG-logoer rasteriseres først lokalt i høy oppløsning.
Hvilket bilde fungerer best?
Et firkantet bilde med en enkel logo med høy kontrast. Bilder som ikke er firkantede, beskjæres fra midten for å passe; bruk kontrollene for utfylling og form til å ramme det inn slik du vil.
Hvordan installerer jeg faviconet?
Pakk ut pakken i rotmappen på nettstedet ditt, og lim den medfølgende HTML-snutten inn i <head> på sidene dine. Favicon.ico-filen plukkes opp automatisk av de fleste nettlesere.