Vorlage Bild hierher ziehen oder klicken · PNG, JPG, SVG, WebP oder Bild einfügen mit Strg+V
Gestaltung
Ergebnis
Bild wählen oder Text eingeben.
Meine Website
So sieht es im Browser-Tab aus — der einzige Test, der zählt.
HTML zum Einbinden
Was ist im Paket?
favicon.ico | 16, 32 und 48 Pixel in einer Datei — Adressleiste und ältere Browser |
favicon-16x16.png … 96x96 | moderne Browser, Lesezeichen |
apple-touch-icon.png | 180 Pixel, für „Zum Home-Bildschirm“ unter iOS |
android-chrome-192/512.png | Android und installierbare Web-Apps |
site.webmanifest | damit Android die richtigen Symbole findet |
einbindung.html | die fertigen <link>-Zeilen |
Einbinden in drei Schritten
- Alle Dateien ins Stammverzeichnis legen — dorthin, wo auch
index.htmlliegt. - Die
<link>-Zeilen in den<head>kopieren. - Mit Strg+F5 neu laden — Browser halten Favicons hartnäckig im Zwischenspeicher.
Welches Motiv funktioniert?
Bei 16 Pixeln bleibt von feinen Details nichts übrig. Deshalb zeigt die Vorschau die kleinste Größe zuerst und pixelgenau: Ein einzelner Buchstabe oder eine klare Form schlägt fast immer das verkleinerte Logo mit Schriftzug.
Warum wird nichts hochgeladen?
Weil es technisch nicht nötig ist. Skalierung, ICO-Container und ZIP-Archiv entstehen in deinem Browser . Es gibt keinen Server, der dein Bild entgegennimmt, also auch keinen, der es speichern könnte.