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.
Hur man använder Favicon-generator
Skapa favicons från en bild eller från text och emoji i storlekar från 16x16 till 256x256, direkt i webbläsaren. Inget laddas upp — allt beräknas lokalt på din enhet.
- Välj källäge: Image för att använda en egen bild, eller Text / Emoji för att rita ett tecken på en färgad bakgrund.
- I läget Text / Emoji skriver du din bokstav eller emoji i fältet Text och väljer Font och Weight, till exempel Bold eller Black.
- Ställ in bakgrundsfärgen via BG; för rundade hörn aktiverar du Rounded och justerar värdet på Radius.
- Generera storlekarna, förhandsgranska resultatet och ladda ner favicont som PNG eller ICO.
Håll 16x16-flikikonen enkel: en enda fet bokstav eller emoji förblir igenkännbar även i minsta storlek.
Relaterade verktyg
- Chmod-kalkylator Gratis online chmod-kalkylator för att visualisera och beräkna Linux-filrättigheter med kryssrutor. Konvertera omedelbart mellan numerisk (755, 644) och symbolisk notation (rwxr-xr-x). Stöder speciella rättigheter som setuid, setgid, sticky bit.
- ASCII-tabell Komplett ASCII-teckenkodningsreferens med decimala, hexadecimala, oktala, binära koder, HTML-entiteter och teckenbeskrivningar. Omedelbar sökning och filtrering.
- HTTP-begäran Testare Testa REST API:er direkt i din webbläsare. Skicka GET-, POST-, PUT-, DELETE-förfrågningar med anpassade rubriker, kropp och parametrar. Se svarstatus, rubriker och JSON-kropp omedelbart.
- .htaccess-generator Generera Apache .htaccess-regler för omdirigeringar, omskrivningar, säkerhetsrubriker, cachelagring och mer.
- Robots.txt Generator Gratis online robots.txt generator. Skapa och anpassa robots.txt-filer för att styra sökmotorernas crawlning, hantera crawler-åtkomst och optimera din webbplats SEO.
- Sitemap Generator Gratis online XML sitemap generator. Lägg till URL:er, ange prioriteringar och frekvenser, skapa SEO-sitemaps direkt.
- GIF Dela Bildrutor Extrahera och ladda ner enskilda bildrutor från GIF-animationer som PNG eller sprite-sheet. Gratis onlineverktyg med förhandsgranskning och ZIP-export.
- GIF Baklänges Vänd uppspelningsordningen för GIF-animationer gratis online. Ladda upp, förhandsgranska och ladda ner direkt.