So veröffentlichen Sie ein Favicon auf Ihrer Website
Das Favicon oder Verknüpfungssymbol ist das winzige Bild, das neben der URL einer Site in der Adressleiste Ihres Browsers angezeigt wird. Es wird auch neben dem Namen der Site in Ihrer Lesezeichen- oder Favoritenliste angezeigt. Wenn Sie einen Browser mit Registerkarten verwenden, wird es möglicherweise auch auf der Registerkarte angezeigt.

Das Posten eines Favicons auf Ihrer Website ist eine gute Möglichkeit, ein bisschen Persönlichkeit zu verleihen, und es ist eigentlich ganz einfach. Der schwierigste Teil des Prozesses ist die Auswahl eines Bildes! Wenn Sie ein gutes Auge für Grafiken haben, können Sie Ihre eigenen entwerfen. Wenn nicht, können Sie jederzeit ein Bild aus dem Web auswählen. Wenn Sie sich für die Verwendung eines vorhandenen Bildes entscheiden, laden Sie NICHT einfach eine Grafik von einer anderen Website herunter und veröffentlichen Sie sie auf Ihrer eigenen. Sie würden das Urheberrecht dieses Webmasters verletzen und könnten ernsthafte Probleme bekommen. Holen Sie sich stattdessen ein Bild aus einer der kostenlosen Quellen im Internet.

Ihr Favicon muss eine bestimmte Größe haben, damit es funktioniert - entweder 16 x 16 Pixel oder 32 x 32 Pixel. Dies ist wirklich winzig. Wenn Sie also Ihr Basisbild auswählen, stellen Sie sicher, dass es auf die Briefmarkengröße verkleinert aussieht. Helle Farben und einfache Formen funktionieren normalerweise am besten. Sie müssen Ihr Bild auch in einem der akzeptierten Favicon-Formate speichern: .png, .gif oder .ico. Die meisten Webentwickler verwenden .ico, da Ihr Favicon wahrscheinlich die einzige Datei auf Ihrer Website mit dieser Erweiterung ist. Daher fällt es auf, wenn Sie die Verzeichnisse Ihrer Website durchsuchen.

Sie können eines von mehreren kostenlosen Web-Tools verwenden, um Ihr Bild in eine .ico-Datei mit der richtigen Größe zu konvertieren. Ich verwende eines, das von den Herstellern von HTML Kit angeboten wird und mit dem Sie sowohl statische als auch animierte Favoriten erstellen können. Unter diesem Artikel befindet sich ein Link zum Favicon-Tool.

Jetzt kommt der einfache Teil - das Hinzufügen des Favicons zu Ihrer Site! Sie haben zwei Möglichkeiten, um das Favicon-Bild anzuzeigen. Die erste und sicherste Option besteht darin, den folgenden Code in den Kopfbereich jeder Seite einzufügen, auf der das Favicon angezeigt werden soll, und den 'href'-Teil durch die URL Ihres Favicons zu ersetzen:


type = "image / ico"
href = "// example.com/myicon.ico">

Die zweite Möglichkeit besteht darin, Ihr Favicon "favicon.ico" zu benennen und in Ihrem Stammverzeichnis abzulegen (dies ist normalerweise das gleiche Verzeichnis wie Ihre Homepage). Mit dieser Methode müssen Sie Ihren Webseiten nicht einmal Code hinzufügen, und fast alle Browser erkennen das Symbol. Bestimmte Browser (normalerweise ältere) zeigen das Favicon jedoch nicht an, wenn Sie diese Methode verwenden.

Video-Anleitungen: Responsive Design - wenn Webseiten sich anpassen – HIZ078 (March 2024).