Mach aus deinem Logo jedes Icon, das eine Website braucht: die favicon.ico, nach der Browser suchen, PNG-Icons, das Icon für den iPhone-Homebildschirm und Android-App-Icons – mit fertigem Manifest und den Zeilen zum Einfügen in deine Seite.
Favicon-Generator at a glance
| Price | Kostenlos, ohne Anmeldung, ohne Wasserzeichen, ohne Tageslimit |
|---|---|
| Akzeptiert | JPG · PNG · WebP · HEIC |
| Größte Datei | 20 MB per file |
| Wo es läuft | In deinem Browser: Dateien werden nie hochgeladen |
| Funktioniert auf | Jeder moderne Browser auf iPhone, Android, Windows, Mac und Linux |
| Ergebnis senden | Herunterladen oder kostenlos per Link oder E-Mail senden (bis zu 20 GB) |
Anleitung: Favicon-Generator
- Wähle ein quadratisches Logo oder Bild, idealerweise 512 × 512 Pixel oder größer.
- Leg fest, wie ein nicht quadratisches Bild behandelt wird, sowie Hintergrund und Innenabstand.
- Klicke auf „Favicons erstellen“.
- Lade alles als ZIP herunter, lade die Dateien ins Stammverzeichnis deiner Website hoch und füge das HTML in <head> ein.
Was du bekommst
| Datei | Größe | Verwendet von |
|---|---|---|
favicon.ico | 16, 32, 48 px | Alle Browser, Windows, Lesezeichen |
favicon-16x16.png, favicon-32x32.png | 16, 32 px | Browser-Tabs |
apple-touch-icon.png | 180 px | Homebildschirm von iPhone und iPad |
android-chrome-192x192.png, -512x512.png | 192, 512 px | Android-Homebildschirm, installierbare Web-Apps |
site.webmanifest | Name, Icons und Farben für Android und PWAs |
Gestalten für 16 Pixel
Ein Favicon ist winzig. Nimm ein kräftiges Symbol oder ein, zwei Buchstaben statt eines kompletten Logos mit Slogan, und sorge für hohen Kontrast. Kleine Icons entstehen durch schrittweises Halbieren aus einer großen Arbeitskopie, so bleiben die Kanten scharf. Innenabstand gibt einem Logo, das bis an den Rand reicht, etwas Luft, und abgerundete Ecken oder ein Kreis passen zum Stil von App-Icons. Das iPhone-Icon bekommt immer einen einfarbigen Hintergrund, weil iOS transparente Bereiche schwarz darstellt.
Eine echte ICO-Datei
Die favicon.ico wird hier Byte für Byte als echte ICO-Datei mit mehreren Größen geschrieben (PNG-komprimierte Einträge, unterstützt von jedem aktuellen Browser und von Windows seit Vista) – kein umbenanntes PNG. Nichts wird hochgeladen: Dein Logo wird in deinem Browser verarbeitet. Um das Bild vorher zu bearbeiten, etwa quadratisch zuzuschneiden, nutze die Bildbearbeitung. Brauchst du auch einen QR-Code für deine Website? Probier den QR-Code-Generator.
Wie es im Vergleich abschneidet
| Dieses Tool | Online converters (e.g. TinyPNG, iLoveIMG oder CloudConvert) | Desktop-Apps (z. B. Photoshop) | |
|---|---|---|---|
| Deine Datei ist hochgeladen | Nein | Ja, auf deren Server | Nein |
| Installation oder Konto | Keine | Konto für manche Funktionen | Installation nötig |
| Wasserzeichen oder Tageslimits | Keine | Bei Gratis-Tarifen üblich | Hängt von der App ab |
Tarife anderer Dienste ändern sich; prüfe deren Websites. Mehr bild-tools.
Häufige Fragen
Wie groß sollte mein Favicon-Bild sein?
Quadratisch und mindestens 512 × 512 Pixel, damit das große Android-Icon scharf bleibt. Kleinere Bilder funktionieren, werden aber hochskaliert.
Wohin kommen die Dateien?
In das Stammverzeichnis deiner Website (neben index.html). Füge dann das HTML, das bei den Ergebnissen angezeigt wird, in den Head-Bereich deiner Seiten ein.
Braucht man favicon.ico noch?
Ja. Browser und viele Tools fragen /favicon.ico automatisch ab, auch ohne Link-Tag.
Kann ich ein Favicon aus einem Foto erstellen?
Ja, wähle „Mitte zuschneiden“ – ein einfaches Logo oder ein Buchstabe ist bei 16 Pixeln aber viel leichter zu erkennen.
Wird mein Logo hochgeladen?
Nein. Die Icons werden auf deinem Gerät erstellt.
Du musst eine große Datei senden?
Sende Dateien bis 20 GB per Download-Link oder E-Mail. Kostenlos, ohne Konto, in Originalqualität.
Große Dateien kostenlos senden