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
- 01
Last opp et kvadratisk bilde. En enkel logo eller ikon fungerer best, og det behandles i nettleseren din.
- 02
Velg gjerne en bakgrunn og skriv inn nettstedsnavnet for web manifest.
- 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.