SVG til favicon
Gjør en SVG-logo om til et komplett favicon-sett — favicon.ico, apple-touch-icon og webapp-ikoner — rasterisert knivskarpt 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.
Vektor inn, alle rasterstørrelser ut
En SVG er den ideelle favicon-kilden: den er oppløsningsuavhengig, så hver ikonstørrelse kan rasteriseres fra den opprinnelige geometrien i stedet for å gjengis på nytt fra et allerede lite bitmap-bilde. Slipp inn SVG-en din, og hver eneste utdata — 16, 32, 48, 180, 192 og 512 piksler — tegnes fra vektoren i sin egen størrelse, noe som holder kantene skarpe i stedet for grøtete. Det er forskjellen mellom et ikon som ser gjennomtenkt ut i en fane og et som ser ut som en flekk.
Hvorfor du fortsatt vil ha .ico-filen
Moderne nettlesere bruker gjerne et SVG-favicon direkte, men eldre nettlesere og en hel del verktøy — feedlesere, lenkeforhåndsvisninger i chat, snarveier på skrivebordet — leter fortsatt etter favicon.ico. Å generere begge fra samme SVG dekker alt. Legg til marg, velg en kvadratisk, avrundet eller sirkelformet maske og en bakgrunn, og last deretter ned hele settet med en HTML-kodesnutt klar til å limes inn.
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.