So fügen Sie Ihrer Website ein Favicon hinzu
Erfahren Sie, wie Sie Ihre Favicon-Pakete auf statischen Hosting-Servern oder in benutzerdefinierten CMS-Frameworks einbinden.
Schritt 1: Dateien generieren
Laden Sie Ihre Grafik in unser Online-Tool hoch, um die ZIP-Datei zu erstellen. Entpacken Sie das Paket, um auf die Dateien zuzugreifen.
Schritt 2: Dateien in das Stammverzeichnis hochladen
Laden Sie alle entpackten Favicon-Dateien (favicon.ico, apple-touch-icon.png usw.) direkt in das öffentliche Hauptverzeichnis (Root-Verzeichnis) Ihrer Website hoch (meist public_html oder public). Sie sollten beispielsweise unter yoursite.com/favicon.ico erreichbar sein.
Schritt 3: Header-Code einfügen
Fügen Sie die folgenden Standard-Links in den Header-Bereich all Ihrer Seitendateien ein:
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Beginnen Sie noch heute mit der kostenlosen Konvertierung von PNG in Favicons
Schließen Sie sich über 50.000 Benutzern an, die PNGtoFavicon.com für eine präzise, schnelle und 100% kostenlose Favicon-Erstellung vertrauen.
Jetzt mit der Konvertierung beginnen — Es ist kostenlos!Entdecken Sie weitere Favicon-Tools
PNGtoFavicon bietet ein umfassendes Set an Tools für alle Ihre Favicon-Anforderungen
Text zu Favicon
Erstellen Sie ein Favicon aus Buchstaben, Initialen oder beliebigem Text. Wählen Sie Schriftarten, Farben und Stile aus, um ein einzigartiges textbasiertes Favicon für Ihre Marke zu generieren.
Kostenlos testen →Emoji zu Favicon
Wählen Sie aus Hunderten von Emojis, um sofort ein farbenfrohes, ausdrucksstarkes Favicon zu erstellen. Perfekt für persönliche Projekte, Blogs und schnelle Prototypen.
Kostenlos testen →Favicon-Prüfer
Überprüfen Sie das Favicon-Setup Ihrer Website. Geben Sie eine beliebige URL ein, um auf fehlende Größen, falsche Formate und Kompatibilitätsprobleme zu testen.
Jetzt prüfen →