Bild per Drag & Drop ablegen oder klicken zum Auswählen
PNG, JPG, WebP oder SVG — quadratische Bilder funktionieren am besten
Optionen
iOS zeigt hinter transparenten Icons einen schwarzen Hintergrund, Android einen weißen — wähle eine Farbe, wenn dein Bild Transparenz enthält.
Vorschau
Browser-Tabs & Suchergebnisse
Hell
ihreseite.de
Dein Seitentitel
Eine kurze Beschreibung deiner Seite erscheint hier in den Google-Suchergebnissen.
Dunkel
ihreseite.de
Dein Seitentitel
Eine kurze Beschreibung deiner Seite erscheint hier in den Google-Suchergebnissen.
Apple-Touch-Icon
Android-Icon
Füge dies in dein <head> ein
Favicon-Generator
Lade ein beliebiges Bild hoch und erhalte einen vollständigen, modernen Favicon-Satz — favicon.ico, PNG-Icons für Browser-Tabs, ein Apple-Touch-Icon für iOS-Startbildschirme, Android-Chrome-Icons und ein Web-App-Manifest — gebündelt in einer ZIP-Datei, bereit für dein Website-Stammverzeichnis. Du kannst außerdem eine einfarbige Hintergrundfarbe wählen (nützlich, da iOS hinter transparenten Icons einen schwarzen Hintergrund zeigt und Android einen weißen), den Abstand anpassen, eine Themenfarbe festlegen und deine App für das Web-Manifest benennen.
So funktioniert es
Dein Bild wird niemals auf unsere Server hochgeladen oder dort gespeichert. Die erzeugte favicon.ico enthält ein 48×48-PNG im modernen PNG-in-ICO-Format, das von jedem aktuellen Browser und Windows seit Vista unterstützt wird, zusammen mit favicon-96x96.png, favicon-192x192.png, favicon-512x512.png und einem Apple-Touch-Icon — alles gebündelt mit einem Web-Manifest in einer ZIP-Datei. Wenn dein Ausgangsbild selbst eine SVG ist, wird das Original zusätzlich als favicon.svg für Browser eingefügt, die skalierbare Vektor-Favicons unterstützen.
Beispielrechnung
Lade dein Logo hoch, passe bei Bedarf Hintergrund, Abstand, Themenfarbe, App-Namen oder Basispfad an und klicke auf ZIP herunterladen — du erhältst favicon.ico, favicon-96x96.png, favicon-192x192.png, favicon-512x512.png, apple-touch-icon.png und site.webmanifest (plus favicon.svg, falls du eine SVG hochgeladen hast), zusammen mit einem fertigen HTML-Codeschnipsel für das <head> deiner Seite, der sich live aktualisiert, wenn du den Basispfad änderst.