de

Favicon-Generator

Erstelle aus einem Bild ein komplettes Favicon-Paket: .ico, PNG-Größen, Apple-Touch-Icon, Webmanifest und HTML-Snippet. Lokal, kein Upload.

Hintergrund (iOS-Icon)
  • Weiß
  • Transparent
  • Schwarz
Hintergrund (Android-Icons)
  • Weiß
  • Transparent
  • Schwarz

Deine Dateien

    Läuft lokal auf deinem Gerät ...

    0%

    Deine Dateien haben dein Gerät nie verlassen

      Wird meine Datei hochgeladen?

      Nein. Die Umwandlung läuft komplett in Deinem Browser - Deine Datei verlässt Dein Gerät nie. So ist das nachprüfbar

      Kein Upload100% lokal
      Inhalte bleiben bei dirkein Zugriff durch Dritte
      Server in DeutschlandDSGVO by Design
      Extern geprüftTLS A+ · Header A+

      Ein Favicon ist nie nur eine Datei. Browser, Smartphones und Web-Apps erwarten heute einen ganzen Satz an Symbolen in verschiedenen Größen und Formaten: das klassische favicon.ico mit mehreren Auflösungen für den Browser-Tab, einzelne PNG-Dateien, ein Apple-Touch-Icon für den Startbildschirm auf dem iPhone und größere Symbole für die Installation als Web-App auf Android. Dieses Tool nimmt dir die Fummelei ab und erzeugt das komplette Paket aus einem einzigen Bild.

      Du legst ein quadratisches Bild ab - am besten ein PNG mit mindestens 512 Pixeln Kantenlänge - und bekommst eine ZIP-Datei zurück. Darin liegen favicon.ico (16, 32 und 48 Pixel), die einzelnen PNG-Symbole, das Apple-Touch-Icon mit 180 Pixeln und die beiden App-Icons mit 192 und 512 Pixeln. Dazu kommen eine fertige site.webmanifest und ein kurzes HTML-Snippet, das du direkt in den Kopfbereich deiner Seite kopierst. Damit ist alles verdrahtet, ohne dass du die einzelnen Verweise selbst zusammensuchen musst.

      Das Bild wird in jede Größe eingepasst, ohne etwas abzuschneiden, und mittig platziert. Die Browser-Symbole behalten ihre Transparenz; die App-Icons für iOS und Android werden auf einen Hintergrund gelegt, weil diese Systeme Transparenz sonst schwarz darstellen - ob weiß, schwarz oder doch transparent, entscheidest du für jede Plattform getrennt (etwa Weiß fürs iPhone-Icon und Transparent fürs Android-Icon). Wie bei allen Werkzeugen hier passiert die gesamte Umrechnung im Browser. Dein Bild wird nicht hochgeladen und keine Bibliothek von einem fremden Server nachgeladen.

      Technische Daten

      Technische Daten
      EingabeformatePNG, JPG, JPEG, WEBP, GIF, BMP
      AusgabeformatZIP
      StapelverarbeitungNein
      VerarbeitungLokal im Browser (JavaScript)
      Datei-UploadKeiner

      In 3 Schritten

      1. Quadratisches Bild ablegen (PNG ab 512 px ist ideal).
      2. Hintergrund für iOS- und Android-Icons wählen (getrennt einstellbar).
      3. ZIP-Paket herunterladen und entpacken.

      Grenzen: Das Tool erzeugt ein ZIP mit favicon.ico (16/32/48), favicon-16/32, Apple-Touch-Icon (180), Android-Icons (192/512), einer site.webmanifest und einem HTML-Snippet. Quelle ist ein Rasterbild (PNG, JPG, WebP, GIF, BMP); SVG wird hier nicht gelesen. Ein zu kleines Bild wird hochskaliert und kann unscharf wirken - am besten quadratisch und groß.

      Häufige Fragen

      Wird mein Bild hochgeladen?

      Nein. Das gesamte Paket wird lokal im Browser erzeugt - auch im Flugmodus. Das Bild verlässt dein Gerät nie.

      Was ist im ZIP enthalten?

      favicon.ico mit 16/32/48 Pixeln, einzelne PNG-Symbole, das Apple-Touch-Icon, zwei App-Icons (192/512), eine site.webmanifest und ein HTML-Snippet für den Kopfbereich.

      Warum haben die App-Icons einen Hintergrund?

      iOS und Android stellen transparente Bereiche in App-Icons schwarz dar. Deshalb werden sie auf einen Hintergrund gelegt; du wählst weiß, schwarz oder transparent - für iOS und Android getrennt, falls sie unterschiedlich aussehen sollen.

      Welche Bildgröße soll ich nehmen?

      Ein quadratisches Bild mit mindestens 512 Pixeln Kantenlänge. Daraus werden alle kleineren Größen sauber heruntergerechnet.

      Passende Tools