T
Tooltastic
Favicon Generator – Favicons erstellen für alle Plattformen | Tooltastic
Jetzt ausprobieren

Favicon Generator

Favicons in allen Formaten erstellen – kostenlos & direkt im Browser

PNG, JPG, SVG, GIF, WebP 100% lokal im Browser ZIP-Download

Ausgangsbild

Lade ein Bild hoch oder füge es ein

Bild hierher ziehen

oder klicken zum Auswählen

Strg+V zum Einfügen aus der Zwischenablage
PNG, JPG, SVG, GIF, WebP | Empfohlen: quadratisch, mindestens 512×512 px

Aktuelles Bild

Beliebte Emojis

Konfiguration

0% 25% 50%
0% 10% 20%

Wähle die gewünschten Favicon-Größen

Vorschau

Browser-Tab
tooltastic.eu
Lesezeichen
Tooltastic
Example
Site
Home-Screen
Tooltastic
Suchergebnisse

tooltastic.eu

Tooltastic – Free Online Tools

Free online tools for developers and designers...

Download

Lade deine Favicons und den Einbindungscode herunter

HTML-Code

Füge diesen Code in den -Bereich deiner HTML-Datei ein

Web App Manifest

Favicon-Dateien in den public/-Ordner kopieren, dann in index.html einbinden:

Favicon-Dateien in den app/-Ordner kopieren oder die Metadata API verwenden:

Über den Customizer oder per Code in der functions.php:

So verwendest du deine Favicons

1

ZIP-Datei entpacken

Entpacke die heruntergeladene Datei in das Stammverzeichnis deiner Website.

2

HTML-Code einfügen

Kopiere den HTML-Code oben und füge ihn in den -Bereich jeder Seite ein.

3

Manifest hinzufügen

Kopiere den Manifest-Code in deine site.webmanifest oder manifest.json Datei.

4

Testen

Öffne deine Seite in verschiedenen Browsern und prüfe, ob das Favicon korrekt angezeigt wird.

Enthaltene Dateien

favicon.ico – Klassisches Favicon für alle Browser
favicon-16x16.png – Kleines Favicon
favicon-32x32.png – Standard-Favicon
apple-touch-icon.png – Apple-Geräte
android-chrome-192x192.png – Android Home-Screen
android-chrome-512x512.png – Android Splash-Screen
site.webmanifest – Web-App-Manifest
favicon.svg – Skalierbares Vektor-Favicon
Tutorial
Schritt-für-Schritt-Anleitung
Häufige Fragen
Antworten auf häufige Fragen

Was ist ein Favicon?

Ein Favicon (Kurzform für „Favorites Icon") ist das kleine Symbol, das im Browser-Tab, in den Lesezeichen und in den Google-Suchergebnissen neben dem Seitentitel angezeigt wird. Es ist ein wichtiger Bestandteil der visuellen Identität einer Website.

Warum braucht jede Website ein Favicon?

Favicons verbessern die Wiedererkennung deiner Website, erhöhen das Vertrauen der Nutzer und sorgen für ein professionelles Erscheinungsbild in Browser-Tabs, Lesezeichen und Suchergebnissen.

Wie funktioniert der Favicon Generator?

Lade ein beliebiges Bild hoch (PNG, JPG, SVG, GIF oder WebP), konfiguriere Hintergrundfarbe und Abrundung, sieh dir die Echtzeit-Vorschau an und lade alle Favicon-Dateien als ZIP-Paket herunter – inklusive HTML-Code und Web-App-Manifest.

Unterstützte Favicon-Formate

Der Favicon Generator erstellt Favicons in allen gängigen Formaten: ICO, PNG (16×16 bis 512×512), SVG, Apple Touch Icon, Android Chrome, Web App Manifest und Microsoft Browserconfig.

Kompatibel mit allen gängigen Browsern

Favicons werden von allen modernen Browsern unterstützt. ICO-Dateien sind abwärtskompatibel bis Internet Explorer 5, während SVG-Favicons von Chrome 80+, Firefox 41+, Edge 80+ und Safari 9+ unterstützt werden.