Perfekte Ergebnisse generieren Favicons in Sekunden
Erstellen Sie Favicons aus Bildern, Text oder Emojis. Laden Sie ICO-, PNG-, Apple Touch Icon-, Android Chrome-Icons und site.webmanifest-Dateien herunter – alles direkt im Browser generiert.
Aus dem Bild
Laden Sie ein Logo im PNG-, JPG-, SVG- oder WebP-Format hoch, und wir generieren alle Favicon-Größen.
Aus dem Text
Geben Sie 1-3 Zeichen ein, wählen Sie eine Google-Schriftart und Farben – perfekt für schnelle Markensymbole.
Von Emoji
Wähle ein beliebiges Emoji als Favicon. Ideal für Nebenprojekte und private Websites.
Alles, was Ihre Website braucht
Ein einziges Tool generiert alle Favicon-Formate. Designkenntnisse sind nicht erforderlich.
Alle benötigten Größen
Erzeugt mit einem Klick ICO (16, 32, 48), Apple Touch Icon (180), Android Chrome (192, 512) und site.webmanifest.
Live-Browser-Vorschau
Sehen Sie Ihr Favicon in einem realistischen Chrome-Browser-Tab, während Sie es anpassen – kein Rätselraten mehr.
Text- und Emoji-Favicons
Erstellen Sie Favicons aus Buchstaben, Zahlen oder Emojis. Wählen Sie aus 50 Google-Schriftarten mit individuellen Farben.
HTML-Code-Snippets
Verwenden Sie vorgefertigtes HTML, Next.js-Metadaten oder Vite-kompatible Link-Tags zum Kopieren und Einfügen für Ihr Framework.
Als ZIP herunterladen
Alle Favicon-Dateien, Webmanifest und HTML-Snippet sind in einem einzigen ZIP-Download zusammengefasst.
100 % privat
Alles läuft in Ihrem Browser ab. Ihre Bilder werden niemals auf einen Server hochgeladen.
Was Sie erhalten
Alle Dateien, die Ihre Website benötigt, gebündelt in einem einzigen ZIP-Download.
| Datei | Größe | Zweck |
|---|---|---|
| favicon.ico | 16+32+48 | Browser-Tab (mehrere Auflösungen) |
| favicon-16x16.png | 16x16 | Fallback für moderne Browser |
| favicon-32x32.png | 32x32 | Standard-Browser-Tab |
| apple-touch-icon.png | 180x180 | iOS-Startbildschirm |
| android-chrome-192x192.png | 192x192 | Android Chrome |
| android-chrome-512x512.png | 512x512 | Android-Startbildschirm |
| site.webmanifest | — | PWA-Manifestdatei |
| favicon-snippet.html | — | Sofort einsatzbereites HTML |
So funktioniert es
Wählen Sie einen Modus
Laden Sie ein Bild hoch, geben Sie einen Text ein oder wählen Sie ein Emoji für Ihr Favicon.
Anpassen
Farben, Form, Abstände und Schriftart anpassen. Vorschau in einem Browser-Tab anzeigen.
Herunterladen
Sie erhalten eine ZIP-Datei mit allen Favicon-Dateien, dem Webmanifest und dem HTML-Code-Snippet.
Häufig gestellte Fragen
Welche Größe muss ein Favicon haben?+
Moderne Websites benötigen verschiedene Größen: 16x16 und 32x32 Pixel für Browser-Tabs (üblicherweise in einer einzigen .ico-Datei zusammengefasst), 180x180 Pixel für das Apple Touch Icon (iOS-Startbildschirm) sowie 192x192 und 512x512 Pixel für die Startbildschirme von Android Chrome und PWAs. Unser Bildgenerator erstellt all diese Formate automatisch.
Was ist eine ICO-Datei und benötige ich noch eine?+
Eine ICO-Datei ist ein Containerformat, das mehrere Symbolgrößen in einer einzigen Datei speichern kann. Obwohl moderne Browser PNG-Favicons unterstützen, wird das .ico-Format für maximale Kompatibilität, insbesondere mit älteren Browsern und Windows-Verknüpfungen, weiterhin empfohlen. Unser Tool generiert eine ICO-Datei mit mehreren Auflösungen in den Größen 16x16, 32x32 und 48x48 Pixel.
Kann ich ein Favicon aus Text oder Emojis erstellen?+
Ja! Unser Bildgenerator unterstützt drei Modi: Laden Sie ein Bild hoch (PNG, JPG, SVG, WebP), geben Sie 1–3 Zeichen mit einer von 50 Google-Schriftarten ein oder wählen Sie ein beliebiges Emoji. In allen Modi können Sie Hintergrund , Form und Abstand anpassen.
Wie füge ich meinem Next.js-Projekt ein Favicon hinzu?+
Platzieren Sie die generierten Dateien in Ihrem /public-Ordner und exportieren Sie anschließend ein Metadatenobjekt aus Ihrer app/layout.tsx-Datei. Unser Tool stellt Ihnen den benötigten Codeausschnitt bereit – klicken Sie einfach im Code-Panel auf den Tab „Next.js“ und kopieren Sie ihn in Ihre Layout-Datei.
Was ist das Apple-Touch-Icon und wozu brauche ich es?+
Das Apple-Touch-Icon ist eine 180x180 Pixel große PNG-Datei, die iOS verwendet, wenn jemand Ihre Website zum Homescreen hinzufügt. Ohne dieses Icon erstellt iOS stattdessen einen Screenshot Ihrer Seite, was in der Regel unschön aussieht. Unser Bildgenerator erstellt diese Datei automatisch.
Was ist site.webmanifest?+
Die Datei site.webmanifest ist eine JSON-Datei, die dem Browser Informationen zu Ihrer Web-App bereitstellt – Name, Symbole, Designfarbe und Anzeigemodus. Sie ist für Progressive Web Apps (PWA) erforderlich und wird von Android Chrome verwendet, um Ihr Symbol auf dem Startbildschirm anzuzeigen. Unsere ZIP-Datei enthält eine sofort einsatzbereite webmanifest-Datei.
Ist dieser Favicon- Bildgenerator wirklich kostenlos?+
Ja, völlig kostenlos, ohne Einschränkungen, ohne Wasserzeichen und ohne Anmeldung. Die gesamte Verarbeitung erfolgt in Ihrem Browser – wir laden Ihre Bilder niemals auf einen Server hoch.
Werden meine Bilder auf einen Server hochgeladen?+
Nein. Alles läuft zu 100 % in Ihrem Browser über die Canvas-API. Ihre Bilder verlassen niemals Ihr Gerät. Wir speichern, verarbeiten oder haben keinen Zugriff auf Ihre Dateien.
Looking for more tools? Try our App Icon Generator, Image Resizer, Image Compressor, or Screenshot Generator.