SVG til favicon
Lav et SVG-logo om til et komplet favicon-sæt — favicon.ico, apple-touch-icon og web-app-ikoner — rasteriseret knivskarpt i din browser. Intet uploades.
Privatliv først: hvert billede behandles lokalt i din browser. Intet uploades, gemmes eller sendes til nogen server.
Vektor ind, alle rasterstørrelser ud
En SVG er den ideelle favicon-kilde: den er opløsningsuafhængig, så hver ikonstørrelse kan rasteriseres fra den oprindelige geometri i stedet for at blive gengivet ud fra en i forvejen lille bitmap. Læg din SVG ind, og hvert output — 16, 32, 48, 180, 192 og 512 pixels — tegnes fra vektoren i sin egen størrelse, hvilket holder kanterne skarpe frem for grumsede. Det er forskellen på et ikon, der ser bevidst ud i en fane, og et, der ligner en udtværing.
Hvorfor du stadig vil have .ico-filen
Moderne browsere bruger gerne en SVG-favicon direkte, men ældre browsere og masser af værktøjer — feedlæsere, chat-linkvisninger, skrivebordsgenveje — leder stadig efter favicon.ico. Ved at generere begge dele ud fra den samme SVG er du dækket ind overalt. Tilføj en margen, vælg en kvadratisk, afrundet eller cirkulær maske og en baggrund, og download så hele sættet med en HTML-kode, du bare kan indsætte.
Ofte stillede spørgsmål
- Bliver mit billede uploadet for at lave faviconet?
- Nej. Favicon.ico-filen, PNG-ikonerne og manifestet genereres alt sammen lokalt i din browser ved hjælp af Canvas API. Dit billede forlader aldrig din enhed.
- Hvilke størrelser og filer får jeg?
- En favicon.ico i flere opløsninger (16, 32 og 48px), PNG-ikoner i 16, 32, 48, 180 (apple-touch-icon), 192 og 512px, en site.webmanifest og et HTML-uddrag til at indsætte i din <head>.
- Kan jeg konvertere en PNG eller SVG til en ICO?
- Ja. Tilføj en PNG, JPG, SVG eller WebP, og download en rigtig favicon.ico. SVG-logoer rasteriseres først lokalt i høj opløsning.
- Hvilket billede fungerer bedst?
- Et kvadratisk billede med et enkelt logo i høj kontrast. Ikke-kvadratiske billeder beskæres fra midten, så de passer; brug margen- og formindstillingerne til at indramme det, som du vil have det.
- Hvordan installerer jeg faviconet?
- Pak pakken ud i dit websteds rodmappe, og indsæt det medfølgende HTML-uddrag i <head> på dine sider. Favicon.ico-filen opfanges automatisk af de fleste browsere.