Favicon-generator

Slipp logoen din, velg luft, bakgrunn og hjørner, og last ned alle ikonene et nettsted trenger, med HTML-koden du limer inn på siden.

Om verktøyet

Alle ikonene nettstedet trenger, fra ett bilde

Nettlesere, iPhoner og Android-telefoner vil ha hvert sitt ikon. Dette verktøyet lager alle samtidig, på enheten din.

En ekte ICO med flere størrelser

favicon.ico inneholder 16, 32 og 48 px, så fanen, bokmerkene og oppgavelinjen i Windows får hvert sitt skarpe ikon. Små størrelser skaleres ned i trinn, så tynne streker ikke brytes opp.

Klar for mobilen

apple-touch-icon.png (180 px) for iPhone-hjemskjermen, ikoner på 192 og 512 px for Android og en site.webmanifest med nettstedsnavn og temafarge.

Se før du laster ned

Forhåndsvisning av nettleserfanen i lyst og mørkt, pluss alle størrelser side om side. PNG-, JPG-, WebP- og SVG-logoer fungerer; gjennomsiktighet beholdes der det er tillatt.

Slik bruker du det

  1. Slipp en logo eller et bilde (PNG, JPG, WebP eller SVG) eller lim det inn med Ctrl + V.
  2. Velg Tilpass med kant eller Fyll og beskjær, og deretter luft, bakgrunn og avrundede hjørner.
  3. Skriv inn nettstedsnavn og temafarge for webmanifestet.
  4. Klikk Lag favicon, last ned ZIP-filen og kopier HTML-koden inn i <head> på siden.

Ofte stilte spørsmål

Lastes bildene mine opp til en server?

Nei. Hvert bilde leses, behandles og lagres i nettleserfanen med Canvas, Web Workers og WebAssembly. Ingenting lastes opp, lagres eller logges.

Hvilke filer ligger i ZIP-filen?

favicon.ico (16, 32 og 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest og en HTML-fil med taggene du limer inn på siden. Starter du fra en SVG, kommer favicon.svg i tillegg.

Hvor legger jeg favicon-filene?

Last dem opp til rotmappen på nettstedet, ved siden av forsiden, og lim HTML-koden inn i <head> på hver side. Nettlesere ser også etter /favicon.ico på egen hånd.

Hvorfor har Apple-ikonet bakgrunn?

iOS viser gjennomsiktige hjemskjermikoner på svart. Holder du bakgrunnen gjennomsiktig, får bare Apple-ikonet en hvit; hjørnene runder iOS av selv.

Kan jeg lage favicon fra en SVG?

Ja. ZIP-filen inneholder da også favicon.svg med luft, bakgrunn og hjørner, som moderne nettlesere foretrekker fordi den er skarp i alle størrelser. PNG- og ICO-ikonene tegnes fra SVG-en i 1024 px og skaleres ned, så selv 16 px-versjonen blir skarp.

Er det gratis, og blir det vannmerke?

Ja, det er gratis å bruke uten konto, og Toolula legger aldri på vannmerke. Gratisplanen har grenser for rimelig bruk; Toolula Pro, en valgfri plan, hever dem.