Favicon-generator
Förvandla en PNG, JPG eller SVG till favicon.ico och alla ikonstorlekar din webbplats behöver, paketerade i en ZIP-fil.
Hela bilden förblir synlig, centrerad med utfyllnad runt om.
Transparent passar bäst för webbläsarflikar; för hemskärmsikoner på iPhone är en bakgrundsfärg säkrare.
Din favicon och ditt ikonpaket kommer att visas här.
Placera filerna i rotmappen på din webbplats och lägg sedan till dessa rader på varje sida.
Din bild omvandlas till ikoner direkt i din webbläsare. Ingenting laddas upp till BroBroGo.
Vanliga frågor
Vilka filer ingår i ikonpaketet?
favicon.ico med versioner i 16, 32 och 48 pixlar inuti, PNG-ikoner i 16, 32, 180, 192 och 512 pixlar samt en site.webmanifest som listar de stora ikonerna. Om du startar från en SVG inkluderas även själva vektorfilen. Allt samlas i en enda ZIP-fil.
Vilken storlek bör min källbild ha?
En SVG är idealisk – varje ikon ritas från vektorn, så även 16 pixlar förblir skarpa. För PNG eller JPG bör du utgå från minst 512 × 512; mindre bilder skalas upp och kan se suddiga ut.
Bör bakgrunden vara transparent eller ha en färg?
Flikikoner ser bra ut med transparent bakgrund. Men på hemskärmar för iPhone och iPad visas transparenta områden som svarta – om användare kan tänkas lägga till din webbplats på sin hemskärm är det bäst att välja en bakgrundsfärg.
Vad händer med en bild som inte är kvadratisk?
Ikoner är kvadratiska, men din bild kommer aldrig att sträckas ut. Som standard centreras den med utfyllnad runt om; växla till "Fyll (beskär)" för att istället klippa bort de överflödiga kanterna.
Var ska filerna placeras på min webbplats?
Ladda upp dem till rotmappen på din webbplats så att favicon.ico är nåbar på /favicon.ico, och klistra sedan in de genererade raderna i <head> på dina sidor. Webbläsare väljer automatiskt rätt storlek.