← Zurück zu den Tools

Favicon-Generator

Erzeuge alle Favicon-Größen aus einem einzigen Bild. Lade sie als ZIP zusammen mit fertigem HTML-Code herunter.

Bild hochladen

Bild hier ablegen oder zum Hochladen klicken

PNG, JPG, SVG • Quadratische Bilder funktionieren am besten

Vorschau aller Größen

Lade ein Bild hoch, um Vorschauen zu sehen

HTML-Code-Snippet

Füge diesen Code in den <head>-Bereich deines HTML ein:

<!-- Favicon -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="shortcut icon" href="/favicon.ico">

<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

<!-- Android Chrome -->
<link rel="icon" type="image/png" sizes="192x192" href="/android-chrome-192x192.png">
<link rel="icon" type="image/png" sizes="512x512" href="/android-chrome-512x512.png">

<!-- Web App Manifest (optional) -->
<link rel="manifest" href="/site.webmanifest">

Häufig gestellte Fragen

Welche Größen brauche ich für ein Favicon?+
Für vollständige Browser-Abdeckung brauchst du: 16x16 und 32x32 für Browser, 180x180 für Apple-Geräte sowie 192x192 und 512x512 für Android. Unser Generator erzeugt alle diese Größen automatisch.
Welches Bildformat eignet sich am besten für Favicons?+
PNG ist das am weitesten unterstützte Format für moderne Favicons. Wir erzeugen PNG-Dateien für alle Größen – sie funktionieren in allen modernen Browsern und unterstützen Transparenz.
Brauche ich überhaupt noch eine .ico-Datei?+
Für maximale Kompatibilität ja. Sehr alte Browser und einige Anwendungen suchen weiterhin nach favicon.ico. Unser Generator legt eine im Download-Bundle bei.
Was ist apple-touch-icon?+
Das Apple Touch Icon wird verwendet, wenn Nutzer deine Website zum Startbildschirm ihres iPhones oder iPads hinzufügen. Es sollte 180x180 Pixel groß sein und ist in unserem Favicon-Bundle enthalten.

Mehr erfahren

Verbessere deinen Webentwicklungs-Workflow mit diesen Anleitungen:

ScreenSnap Pro — turn plain screenshots into polished visuals with backgrounds and annotations
Verfügbar fürmacOS&Windows

Lass jeden Screenshot pro aussehen.

ScreenSnap Pro verwandelt einfache Screenshots in polierte Visuals — Hintergründe, Annotationen, GIF-Aufnahme und sofortige Cloud-Links.

ScreenSnap Pro entdecken

Verwandte Tools