sv

Skapa favicon

Gör ett komplett favicon-paket av en bild: .ico, PNG-storlekar, apple-touch-icon, webmanifest och ett HTML-utdrag. Lokalt, ingen uppladdning.

Bakgrund (iOS-ikon)
  • Vit
  • Transparent
  • Svart
Bakgrund (Android-ikoner)
  • Vit
  • Transparent
  • Svart

Dina filer

    Körs lokalt på din enhet ...

    0%

    Dina filer lämnade aldrig din enhet

      Laddas min fil upp?

      Nej. Allt körs i din webbläsare - din fil lämnar aldrig din enhet. Så går det att verifiera

      Ingen uppladdning100% lokalt
      Innehållet stannar hos digingen åtkomst för tredje part
      Servrar i TysklandGDPR by design
      Granskat externtTLS A+ · HTTP-rubriker A+

      En favicon är aldrig bara en enda fil. Webbläsare, smartphones och webbappar förväntar sig i dag en hel uppsättning ikoner i olika storlekar och format: det klassiska favicon.ico med flera upplösningar för webbläsarfliken, enskilda PNG-filer, ett apple-touch-icon för hemskärmen på en iPhone och större ikoner för installation som webbapp på Android. Det här verktyget tar hand om allt pilande och skapar det kompletta paketet från en enda bild.

      Du släpper en kvadratisk bild - helst en PNG med minst 512 pixlar på varje sida - och får tillbaka en ZIP-fil. I den finns favicon.ico (16, 32 och 48 pixlar), enskilda PNG-ikoner, apple-touch-icon på 180 pixlar samt de två appikoner på 192 och 512 pixlar. Därtill följer en färdig site.webmanifest och ett kort HTML-utdrag som du klistrar direkt i sidans head. Allt är kopplat rätt utan att du behöver pussla ihop enskilda referenser själv.

      Bilden anpassas till varje storlek utan beskärning och placeras centrerat. Webbläsarikonerna behåller sin transparens; appikonerna för iOS och Android läggs på en bakgrund, eftersom dessa system annars visar transparens som svart - om det ska vara vitt, svart eller ändå transparent bestämmer du, separat för varje plattform (till exempel vitt för iPhone-ikonen och transparent för Android-ikonen). Som med alla verktyg här sker hela omvandlingen i webbläsaren. Din bild laddas inte upp och inget bibliotek hämtas från en extern server.

      Tekniska data

      Tekniska data
      IndataformatPNG, JPG, JPEG, WEBP, GIF, BMP
      UtdataformatZIP
      BatchbearbetningNej
      BearbetningLokalt i webbläsaren (JavaScript)
      FiluppladdningIngen

      I 3 steg

      1. Släpp en kvadratisk bild (en PNG från 512 px är idealisk).
      2. Välj bakgrund för iOS- och Android-ikonerna (separat).
      3. Ladda ner ZIP-paketet och packa upp det.

      Begränsningar: Verktyget skapar en ZIP med favicon.ico (16/32/48), favicon-16/32, ett apple-touch-icon (180), Android-ikoner (192/512), en site.webmanifest och ett HTML-utdrag. Källan är en rasterbild (PNG, JPG, WebP, GIF, BMP); SVG läses inte här. En för liten bild skalas upp och kan se suddig ut - kvadratisk och stor fungerar bäst.

      Vanliga frågor

      Laddas min bild upp?

      Nej. Hela paketet skapas lokalt i webbläsaren - även i flygplansläge. Bilden lämnar aldrig din enhet.

      Vad innehåller ZIP:en?

      favicon.ico i storlekarna 16/32/48 pixlar, enskilda PNG-ikoner, apple-touch-icon, två appikoner (192/512), en site.webmanifest och ett HTML-utdrag för head.

      Varför har appikonerna en bakgrund?

      iOS och Android visar transparenta ytor i appikoner som svarta. Därför läggs de på en bakgrund; du väljer vitt, svart eller transparent - separat för iOS och Android, om du vill att de ska se olika ut.

      Vilken bildstorlek ska jag använda?

      En kvadratisk bild med minst 512 pixlar på varje sida. Alla mindre storlekar skalas rent ner från den.

      Relaterade verktyg