Generieren Sie Favicon-Dateien in mehreren Größen (16 x 16 bis 512 x 512) aus jedem Bild. Kostenlos, sofort und läuft vollständig in Ihrem Browser.
Unterstützt PNG, JPG, SVG, WebP. Maximal 10 MB.
Ein Favicon ist das kleine Symbol, das in Browser-Registerkarten, Lesezeichen und Verlaufslisten angezeigt wird. Das ursprüngliche Favicon – eine 16×16 ICO-Datei unter /favicon.ico – wurde zu einem komplexen Satz von Symbolen in verschiedenen Größen für verschiedene Plattformen erweitert: 16×16 und 32×32 für Browser-Tabs, 180×180 für iOS-Startbildschirme, 192×192 und 512×512 für Android und verschiedene Größen für Windows-Kacheln. All dies aus einem einzigen Quellbild zu erzeugen, ist die Aufgabe eines modernen Favicon-Generators.
Dieses Tool nimmt ein einzelnes hochauflösendes Quellbild (normalerweise ein quadratisches Logo) und generiert den vollständigen Satz an Favicon-Assets sowie die HTML-Link-Tags, die für die Referenzierung erforderlich sind. Die Ausgabe umfasst ICO, mehrere PNGs und eine manifest.json für progressive Web-App-Metadaten. Legen Sie die resultierenden Dateien im Stammverzeichnis Ihrer Website ab und verweisen Sie über den generierten HTML-Code darauf.
Die gesamte Verarbeitung erfolgt in Ihrem Browser. Kein Upload, kein API-Aufruf, keine Ratenbegrenzung. Die Ausgabe funktioniert auf jedem modernen Browser und Betriebssystem, das Favicons anzeigt.
Websites ohne Favoriten sehen unvollendet aus. Auf Browser-Registerkarten wird ein allgemeines Symbol angezeigt. Lesezeichen haben keine visuelle Kennung; Die Seite wirkt weniger professionell. Das Hinzufügen eines geeigneten Favicon-Sets ist ein mit geringem Aufwand und wirkungsvoller Polierschritt, der Liebe zum Detail signalisiert.
Die Anforderungen an moderne Favicons sind über /favicon.ico hinaus gewachsen. iOS-Startbildschirmsymbole, Android Chrome-Symbole, Windows-Kachelsymbole und Dark-Mode-Varianten verwenden alle unterschiedliche Dateien. Die Generierung aller Dateien aus einer Quelle gewährleistet ein einheitliches Branding, ohne dass jede einzelne Datei manuell verwaltet werden muss.
Laden Sie das Quellbild hoch und erhalten Sie den vollständigen Favicon-Satz.
Das komplette moderne Favicon-Set: favicon.ico (16+32+48 Mehrfachauflösung), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180×180), android-chrome-192x192.png, android-chrome-512x512.png, mstile-150x150.png. Plus site.webmanifest für PWA, browserconfig.xml für Windows.
Jedes PNG wird durch Canvas-basiertes Downsampling aus der Quelle generiert. Der ICO wird in JavaScript erstellt, indem 16/32/48-Versionen mithilfe von DataView-Schreibvorgängen in das ICO-Format mit mehreren Auflösungen kombiniert werden.
HTML-Link-Tags verweisen auf jede Datei mit den entsprechenden rel- und size-Attributen. Der Generator erzeugt diese als Snippet zum Kopieren und Einfügen für den <head> Ihrer Website.