Favicon-generator
Last opp logoen eller bildet og lag faviconer i alle nødvendige størrelser straks. Forhåndsvis dem i nettlesere og på enheter, og last ned med ett klikk.
Eller dra og slipp et bilde her
PNG, JPG, SVG eller WebP, opptil 10 MB
Last opp bildet ditt
Last opp merkevarelogo, ikon eller et annet bilde. Vi anbefaler et høyoppløselig PNG-bilde med gjennomsiktig bakgrunn.
Forhåndsvis og juster
Se i sanntid hvordan faviconet vil se ut i nettleserfaner, bokmerker, Google-resultater og på mobilens startskjerm.
Last ned og integrer
Last ned alle faviconstørrelser samlet, kopier HTML-koden og lim den inn i nettstedets <head>-seksjon.
Hold det enkelt
Komplekse design blir uleselige i små størrelser. Bruk en forenklet logo eller ett tydelig ikon.
Bruk gjennomsiktig bakgrunn
PNG med gjennomsiktig bakgrunn fungerer best i alle nettlesere og temaer, både lyst og mørkt.
Bruk merkevarefarger
Bevar en helhetlig merkevare ved å bruke de viktigste merkevarefargene i faviconet.
Test i små størrelser
Sjekk alltid hvordan faviconet ser ut på 16×16 piksler — den vanligste visningsstørrelsen.
Vurder en stilisert bokstav
Hvis logoen er for komplisert, kan en tydelig forbokstav i merkenavnet fungere svært godt.
Kvadratisk format
Faviconer er alltid kvadratiske. Sørg for at kildebildet er kvadratisk eller kan beskjæres godt til en firkant.
Lag perfekte nettstedsikoner på sekunder
Faviconet er det første brukerne ser i nettleserfanen. Verktøyet bruker logoen eller bildet og lager automatisk alle nødvendige ikonformater og størrelser for nettlesere, Android og iPhone — pluss HTML-koden for å installere dem.
Steg 1: Last opp bildet
Last opp merkevarelogo eller ikon som PNG, JPG, SVG eller WebP. For best resultat, bruk et høyoppløselig kvadratisk bilde med gjennomsiktig bakgrunn.
Steg 2: Forhåndsvis i sammenheng
Se nøyaktig hvordan faviconet vil se ut i praksis — i nettleserfaner, Google-søkeresultater og på mobilens startskjerm.
Steg 3: Last ned ressurser
Last ned enkeltikoner (16x16, 32x32, Apple Touch-ikon osv.) eller klikk på Last ned alle faviconer for hele settet.
Steg 4: Kopier HTML-kode
Kopier kodeblokken og lim den i nettstedets <head>-seksjon for å ta i bruk de nye ikonene straks.
Hvorfor bruke Readdys favicon-generator
Verktøyet prioriterer kompatibilitet og enkel bruk, så du får pikselpresise ikoner til nettlesere, iOS og Android uten manuell størrelsesendring eller kode.
Samlet formatstøtte
Lag alle viktige størrelser (ICO, PNG, Apple Touch) for nettlesere, Android og iOS med ett klikk.
Forhåndsvisning i sammenheng
Se straks hvordan faviconet ser ut i nettleserfaner, Google-resultater og på mobil før du laster ned.
Bruksklar HTML-kode
Kopier kodestykkene du trenger for å installere ikonene og vise dem riktig på alle enheter.
Konvertering med høy kvalitet
Bevar bildets klarhet og skarphet, så logoen ser profesjonell ut selv i 16x16 piksler.