Gratis omformer

Favorittikon Generator

Generer favicon-filer i flere størrelser (16x16 til 512x512) fra et hvilket som helst bilde. Gratis, øyeblikkelig og kjører helt i nettleseren din.

Dra og slipp et bilde her

Støtter PNG, JPG, SVG, WebP. Maks 10 MB.

Eller

Om dette verktøyet

Et favorittikon er det lille ikonet som vises i nettleserfaner, bokmerker og historielister. Det originale faviconet – en 16×16 ICO-fil på /favicon.ico – har utvidet seg til et komplekst sett med ikoner i forskjellige størrelser for forskjellige plattformer: 16×16 og 32×32 for nettleserfaner, 180×180 for iOS-startskjermer, 192×192 og 512×512 for Windows og forskjellige størrelser. Å produsere alle disse fra ett enkelt kildebilde er hva en moderne favicon-generator gjør.

Dette verktøyet tar et enkelt høyoppløselig kildebilde (vanligvis en firkantet logo) og genererer hele settet med favorittikoner pluss HTML-lenkekodene som trengs for å referere til dem. Utdata inkluderer ICO, flere PNG-er og en manifest.json for progressive nettapp-metadata. Slipp de resulterende filene ved roten av nettstedet ditt og referer til dem via den genererte HTML-en.

All behandling skjer i nettleseren din. Ingen opplasting, ingen API-kall, ingen takstgrense. Utgangen fungerer på alle moderne nettlesere og operativsystemer som viser favorittikoner.

Hvorfor generere et favorittikon

Nettsteder uten favorittikoner ser uferdige ut. Nettleserfaner viser et generisk ikon; bokmerker har ingen visuell identifikator; nettstedet fremstår som mindre profesjonelt. Å legge til et skikkelig favicon-sett er et lavt anstrengende og kraftig poleringstrinn som signaliserer oppmerksomhet på detaljer.

Moderne favicon-krav har vokst utover /favicon.ico. iOS-startskjermikoner, Android Chrome-ikoner, Windows-fliseikoner og mørkmodusvarianter bruker alle forskjellige filer. Å generere dem alle fra én kilde sikrer konsistent merkevarebygging uten å administrere hver fil for hånd.

Slik bruker du det

Last opp kildebilde, få hele favorittikonsettet.

  1. Last opp kildebilde: Bruk et kvadratisk bilde på minst 512×512 piksler. PNG foretrekkes (støtte for åpenhet); SVG er også akseptert. Kilder med høyere oppløsning produserer skarpere mindre ikoner.
  2. Konfigurer plattformalternativer: Aktiver iOS-, Android-, Windows- og PWA-utganger etter behov. Standardinnstillinger produserer standardsettet de fleste nettsteder trenger.
  3. Tilpass farger og tema: Velg temafarger for Windows-fliser og PWA-sprutskjermer. Match merkevareidentiteten din.
  4. Last ned og distribuer: Lagre den genererte zip-en. Plasser filer ved roten av nettstedet ditt, og legg til de genererte HTML-koblingstaggene til <head>. HTML-en refererer til hvert ikon i riktig størrelse.

Vanlige brukstilfeller

Tekniske detaljer

Det komplette moderne favicon-settet: favicon.ico (16+32+48 multi-oppløsning), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-5chrome-212px mstile-150x150.png. Pluss site.webmanifest for PWA, browserconfig.xml for Windows.

Hver PNG genereres ved lerretsbasert nedsampling fra kilden. ICO er konstruert i JavaScript ved å kombinere 16/32/48-versjoner til ICO-formatet med flere oppløsninger ved å bruke DataView-skriving.

HTML-lenkekoder refererer til hver fil med passende rel- og størrelsesattributter. Generatoren produserer disse som en kopi-lim-klar kodebit for nettstedets <head>.

Beste praksis

Ofte stilte spørsmål

Hvilket bildeformat bør jeg laste opp?
PNG med en gjennomsiktig bakgrunn fungerer best. Bruk et kvadratisk bilde på minst 512 x 512 piksler slik at verktøyet kan skalere ned uten kvalitetstap. SVG fungerer også bra siden det skaleres til alle størrelser.
Hvilke størrelser genererer dette?
16x16 (nettleserfane), 32x32 (nettleserfane @2x), 48x48 (Windows-oppgavelinje), 180x180 (Apple Touch-ikon), 192x192 (Android-startskjerm), 512x512 (PWA-velkomstskjerm). ICO-filen inneholder størrelser på 16, 32 og 48 piksler.
Hvor legger jeg favicon-filene?
Plasser favicon.ico i rotkatalogen på nettstedet ditt. Andre PNG-størrelser går i den offentlige mappen eller en hvilken som helst tilgjengelig bane. Legg til HTML-link-taggene i <head>-delen som peker til hver filplassering.
Hvorfor oppdateres ikke favorittikonet mitt i nettleseren?
Nettlesere hurtigbufrer favorittikoner aggressivt. Tøm nettleserbufferen, prøv å åpne i et inkognitovindu, eller legg til en versjonsspørringsstreng (?v=2) til favorittikonets URL for å tvinge frem en oppdatering.
Hvorfor oppdateres ikke favorittikonet mitt?
Nettlesere cacher favorittikoner aggressivt, noen ganger i flere dager. Tving frem en oppdatering ved å tømme hurtigbufferen, åpne ikonets URL direkte eller legge til en versjonsspørringsparameter til koblingstaggen.
Er bildet mitt lastet opp til en server?
Nei. Generering skjer i nettleseren din.
Bør jeg bruke SVG eller PNG?
SVG for kilden (oppløsningsuavhengig). Generatoren sender ut PNG-er i spesifikke størrelser; moderne nettlesere støtter også SVG-faviconer via lenken rel=icon type=image/svg+xml.
Hva er site.webmanifest?
Et JSON-manifest for progressive nettapper som beskriver ikoner, farger og andre metadata. Nødvendig for installerbare nettapper; ufarlig å inkludere selv på standardsider.