Favicon-Generator
Lade ein Bild hoch (quadratisch funktioniert am besten) und erhalte die Datei favicon.ico und PNGs in allen Größen, die deine Website braucht, 16, 32, 48 und 180 Pixel, plus das HTML-Snippet zum Einfügen.
PNG, JPG, WebP oder SVG, idealerweise quadratisch und mindestens 180×180 Pixel
Welche Favicon-Größen du wirklich brauchst
Die vier erzeugten Größen decken alle Fälle aus der Praxis ab: 16×16 ist das klassische Symbol im Browser-Tab, 32×32 deckt hochauflösende Bildschirme und Lesezeichen ab, 48×48 ist die Größe, die Google bevorzugt, wenn es dein Symbol in den Suchergebnissen zeigt, und 180×180 ist das apple-touch-icon, das erscheint, wenn jemand deine Website zum Home-Bildschirm seines iPhones oder iPads hinzufügt. Lade die Dateien in das Stammverzeichnis deiner Website hoch (oder in den Pfad, auf den die href-Attribute im Snippet verweisen).
Die Datei favicon.ico enthält die Größen 16, 32 und 48 Pixel zusammen: Nach ihr suchen Browser von selbst im Stammverzeichnis deiner Website, wenn eine Seite auf kein Symbol verweist. Deshalb lohnt es sich, sie hochzuladen, auch wenn du das Snippet verwendest. Lädst du ein SVG hoch, wird jede Größe aus der Vektorgrafik gezeichnet, scharf sogar bei 180 Pixeln.
Tipps für ein gut lesbares Favicon
Bei 16 Pixeln verschwinden feine Details: Ein einfaches Symbol, ein einzelner Buchstabe oder eine kräftige Form mit starkem Kontrast funktioniert viel besser als langer Text oder ein Foto, die zu einem unlesbaren Fleck werden. Ist das hochgeladene Bild nicht quadratisch, schneidet das Tool es automatisch von der Mitte aus zu und behält die größte quadratische Fläche, damit dein Symbol nie gestaucht oder gestreckt wird.