Einfachheit gewinnt
Bei 16 Pixeln verschwindet jedes Detail. Am besten funktionieren markante Formen, ein einzelner Buchstabe oder ein Symbol und hoher Kontrast.
Bilder für das Web verkleinern Sie mit der Bildkomprimierung.
ICO · PNG · Manifest
Favicon-Generator.
Der Generator erstellt ein komplettes Icon-Set für Ihre Website aus Ihrem Bild oder einem Buchstaben oder Emoji auf farbigem Grund: favicon.ico in 16, 32 und 48 Pixeln, PNG-Icons in 192 und 512, ein Maskable-Icon für Android, ein apple-touch-icon für das iPhone, ein Web-Manifest und das HTML für den Seitenkopf. Alles in einem ZIP.
Vorschau16 · 32 · 48 · 180 · 192 · 512
HTML <head> Das Paket enthält favicon.ico, PNG-Icons, Manifest und HTML-Code. Alles entsteht im Browser.
Läuft komplett in Ihrem Browser. Nichts wird hochgeladen oder gespeichert.
So geht's
03- Schritt01
Quelle wählen
Eigenes Bild (am besten ein quadratisches SVG oder PNG) oder ein Buchstabe mit Farben.
- Schritt02
Kleine Größen prüfen
16 px sind wirklich klein, eine einfache Form funktioniert am besten.
- Schritt03
ZIP herunterladen und Dateien hochladen
Ins Stammverzeichnis legen und den HTML-Code in den Seitenkopf einfügen.
Open Source, auf dem wir aufbauen01
- fflateMIT
FAQ04
Was Leute fragen
01Welche Favicon-Größen brauche ich heute?
favicon.ico (Lesezeichen und ältere Browser), PNG 192 und 512 (Android, Manifest), apple-touch-icon 180 × 180 (iPhone) und ein Maskable-Icon. Alle sind im Paket.
02Zeigt Google mein Favicon in den Ergebnissen?
Ja, vor allem mobil. Google verlangt ein quadratisches Icon von mindestens 48 × 48 Pixeln, das für den Googlebot erreichbar ist.
03Was ist ein Maskable-Icon?
Ein Icon, das Android je nach System zu Kreis, Quadrat oder anderer Form zuschneidet. Deshalb hat es einen Sicherheitsrand um den Inhalt.
04Werden meine Bilder hochgeladen?
Nein, die Icons werden in Ihrem Browser auf einem Canvas gezeichnet.
Nächster Schritt01
Wie weiter
Verwandt04