So erstellen Sie ein Favicon
Ein Favicon ist das kleine Symbol, das in Browser-Tabs und Lesezeichen erscheint. Ein gutes Favicon hebt Ihre Marke hervor und lässt Ihre Website professionell wirken. Hier erfahren Sie, wie Sie eines aus einem Bild erstellen, die richtige Größe wählen und es Ihrer Website hinzufügen.
Beginnen Sie mit einem quadratischen Bild, idealerweise 512×512 px, mit transparentem Hintergrund für ein sauberes Symbol.
Öffnen Sie einen Favicon-Generator wie Pixcutly und laden Sie Ihr Bild hoch.
Vorschau des Symbols in verschiedenen Größen — 16×16, 32×32, 48×48 — um sicherzustellen, dass es lesbar bleibt.
Laden Sie das Favicon-Set als ICO- und PNG-Dateien herunter.
Laden Sie die Dateien in das Wurzelverzeichnis Ihrer Website hoch.
Fügen Sie die Link-Tags im <head> Ihres HTML hinzu, um Browser auf Ihr Favicon zu verweisen.
Profi-Tipp
Halten Sie das Design einfach und kräftig. Was bei 512 px gut aussieht, wird bei 16 px oft zu einem verschwommenen Fleck, also testen Sie zuerst in der kleinsten Größe.
Häufig gestellte Fragen
Eine übliche Basis ist 16×16 px für Browser-Tabs und 32×32 px für Lesezeichen und Taskleisten. Eine größere 512×512-Quelle hilft auch bei Apple-Touch-Icons.
ICO ist das ältere Format, das von älteren Browsern und Windows benötigt wird. PNG ist der moderne Standard, breit unterstützt und für hochauflösende Displays skalierbar.
Laden Sie die Favicon-Dateien in das Wurzelverzeichnis Ihrer Website hoch und fügen Sie dann <link rel="icon">- und <link rel="apple-touch-icon">-Tags im <head> Ihres HTML hinzu.
Brauchen Sie jetzt ein Favicon?
Der Favicon-Generator von Pixcutly verwandelt jedes Bild in Sekunden in ein vollständiges ICO- und PNG-Set.