Monu Tools

Favicon-generator

Gjør et bilde om til et komplett favicon-sett, med .ico, PNG-størrelser, Apple touch icon og web manifest, generert i nettleseren din.

Slik bruker du Favicon-generator

  1. 01

    Last opp et kvadratisk bilde. En enkel logo eller ikon fungerer best, og det behandles i nettleseren din.

  2. 02

    Velg gjerne en bakgrunn og skriv inn nettstedsnavnet for web manifest.

  3. 03

    Last ned ZIP-filen og lim HTML-utdraget inn i sidens head.

Hva et favicon er

Et favicon er det lille ikonet som vises i nettleserfaner, bokmerker og på mobilens hjemskjermer. Det er en ørliten detalj som får et nettsted til å se ferdig og gjenkjennelig ut, og moderne nettlesere forventer flere versjoner av det.

Hvorfor ett bilde ikke er nok

Det er haken: ett bilde er ikke nok lenger. Du trenger en .ico i flere størrelser for klassiske nettlesere, separate PNG-størrelser, et Apple touch-ikon for iOS-hjemskjermer, større PNG-er for Android, og et web-manifest hvis nettstedet skal kunne installeres.

Denne generatoren bygger hele settet fra et enkelt bilde, inkludert en ekte .ico i flere størrelser, og gir deg den nøyaktige HTML-biten å slippe inn i sidehodet ditt, så du ikke trenger å sette sammen eller håndskrive noe av det.

Hvilket bilde å laste opp

For best resultat, last opp et kvadratisk bilde på minst 512 px, ideelt sett en enkel logo eller et merke snarere enn et detaljert foto, siden ikonet ofte vises svært lite. Et ikke-kvadratisk bilde sentreres og fylles ut til en firkant, så detaljer nær kantene kan ende opp i margene.

Bakgrunnsfarge og nettstedsnavn

Du kan eventuelt sette en bakgrunnsfarge og nettstedsnavnet ditt. Nettstedsnavnet går inn i web-manifestet som brukes når noen legger nettstedet til hjemskjermen sin.

Kjører i nettleseren din

Alt kjører lokalt i nettleseren din med Canvas-API-et, så bildet ditt lastes aldri opp. Du laster ned en ZIP med alle filene og biten du skal lime inn.

Ofte stilte spørsmål

Hva inneholder favicon-pakken?

En favicon.ico med 16, 32 og 48 px, separate PNG-er på 16 og 32 px, en Apple touch icon på 180 px, PNG-er på 192 og 512 px for Android, en site.webmanifest og et HTML-utdrag du kan lime inn i sidens head.

Hvilket bilde bør jeg laste opp?

Et kvadratisk bilde på minst 512 px fungerer best, gjerne en enkel logo eller et merke. Et ikke-kvadratisk bilde sentreres og fylles ut til et kvadrat, så detaljer nær kantene kan havne innenfor margen.

Lastes bildene mine opp?

Nei. Ikonene genereres i nettleseren din med Canvas API, så bildet ditt forlater aldri enheten din.

Kilder

Bygg inn dette verktøyet

Legg til dette verktøyet på ditt eget nettsted. Kopier kodesnutten nedenfor; den holdes automatisk oppdatert.

<iframe src="https://monu.tools/embed/nb/favicon-generator" width="100%" height="640" style="border:1px solid #e5e5e5;border-radius:12px;max-width:680px" loading="lazy" title="Monu Tools"></iframe>

Relaterte verktøy