Favicon-generator
Skapa favicons från bilder eller text/emoji. Skapa flera storlekar (16x16 till 256x256) och ladda ner som PNG eller ZIP. Gratis online-verktyg med omedelbara resultat.
Vad är en favicon?
En favicon är en liten ikon som visas i webbläsarflikar, bokmärken och historik. Den hjälper användare att visuellt identifiera din webbplats och bygger varumärkeskännedom.
Vilka storlekar behöver jag?
Vanliga storlekar är 16x16 (webbläsarflik), 32x32 (Windows aktivitetsfält), 48x48 (Windows-webbplats), 180x180 (Apple touch-ikon) och 256x256 (högupplösta skärmar). Detta verktyg genererar alla vanliga storlekar.
Hur lägger jag till en favicon på min webbplats?
Lägg till <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> i HTML:ens <head>-sektion för varje storlek. För Apple-enheter, lägg till <link rel="apple-touch-icon" href="/apple-touch-icon.png">.
Vilka bildformat stöds?
PNG är det mest stödda formatet för favicons. Detta verktyg genererar PNG-filer. Moderna webbläsare stöder också SVG-favicons, men PNG har bättre kompatibilitet över alla webbläsare och enheter.
Kan jag skapa en favicon från text eller emoji?
Ja, du kan skapa favicons från text, bokstäver eller emoji. Skriv helt enkelt din text eller emoji, anpassa typsnitt, färg och bakgrund, och generera sedan favicon.
Vad är skillnaden mellan favicon.ico och favicon.png?
Favicon.ico är ett äldre format som kan innehålla flera storlekar i en fil. Favicon.png är ett modernt format med bättre kvalitet och stöd för transparens. De flesta moderna webbplatser använder PNG-format.
Behöver jag en favicon för min webbplats?
Ja, favicons är väsentliga för varumärkeskännedom och användarupplevelse. De visas i webbläsarflikar, bokmärken och sökresultat, vilket hjälper användare att snabbt identifiera din webbplats.
Kan jag använda en transparent bakgrund för min favicon?
Ja, PNG-formatet stöder transparens. Du kan skapa favicons med transparenta bakgrunder, som fungerar bra på både ljusa och mörka webbläsarteman.
Vad är en Apple touch-ikon?
En Apple touch-ikon är en större ikon (180x180) som används när användare lägger till din webbplats till sin iOS-hemskärm. Den ger en bättre visuell upplevelse än standardskärmdumpen.
Hur skapar jag en favicon för en Progressiv Webbapp (PWA)?
För PWA behöver du flera ikonstorlekar som refereras i din manifest.json-fil. Inkludera 192x192 och 512x512 ikoner, plus en maskerbar ikon för Android adaptiva ikoner.
Kan jag ladda upp min egen bild?
Ja, du kan ladda upp PNG-, JPG- eller SVG-bilder. Verktyget kommer automatiskt att ändra storlek och optimera dem för alla favicon-storlekar.
Är detta verktyg gratis?
Ja, denna favicon-generator är helt gratis. Ingen registrering krävs, inga vattenmärken och obegränsad användning.
Vad gör en bra favicon?
En bra favicon är enkel, igenkännbar i små storlekar, använder kontrasterande färger och representerar ditt varumärke. Undvik komplexa detaljer som blir otydliga när de skalas ner till 16x16 pixlar.
Hur testar jag min favicon?
Efter att du har lagt till favicon på din webbplats, rensa webbläsarens cache och ladda om sidan. Favicon ska visas i webbläsarfliken. Du kan också kontrollera bokmärken och historik för att se ikonen.