Wenn Sie eine Website wie Google, Yahoo oder wikiHow besuchen, bemerken Sie möglicherweise, dass sich links neben der Adressleiste ein kleines Symbol befindet. Dies wird als Favicon bezeichnet, und Sie können Ihr eigenes für eine Website erstellen. Das Symbol verleiht Ihrer Site nicht nur ein professionelleres Aussehen, sondern wird auch in den Lesezeichen des Benutzers neben allen Seiten Ihrer Site angezeigt, die er in seine Favoriten aufgenommen hat. Dies kann ihnen helfen, Ihre Website leichter zu finden.
Schritte
Schritt 1. Erstellen Sie ein Bild mit einer Größe von 16 x 16 Pixeln
Es sollte ein einfaches Bild sein, damit es sofort erkennbar ist.
Schritt 2. Konvertieren Sie das Bild in eine favicon.ico-Datei
Es muss genau so heißen, sonst wird es vom Browser nicht erkannt. Eine einfache Möglichkeit dazu ist die Verwendung des Dynamic Drive FavIcon Generators. Eine andere Möglichkeit besteht darin, einen kostenlosen Bildeditor GIMP zu verwenden und das 16x16-Bild im ICO-Format zu speichern.
Schritt 3. Laden Sie die generierte Datei auf Ihre Website hoch
Schritt 4. Fügen Sie den folgenden Code zum HTML-Code Ihrer Website hinzu
Sie sollten es in den Codeabschnitt einfügen und sicherstellen, dass der Pfad zum Symbol relativ zur Webseite korrekt ist. Es folgt der Code (vorausgesetzt, sowohl.html als auch.ico befinden sich im selben obersten Verzeichnis):
Schritt 5. Aktualisieren Sie die Seite, gehen Sie zurück und bewundern Sie das schöne neue Symbol Ihrer Website
Tipps
- Auch wenn Ihr Symbol sehr klein ist, stellen Sie sicher, dass andere Personen es leicht lesen/verstehen können.
- Wenn Sie Linux verwenden, können Sie die Datei direkt auf Ihrem Computer konvertieren. Wählen Sie einfach ein geeignetes Bild aus, öffnen Sie Ihre Befehlszeile, navigieren Sie zu dem Verzeichnis, in dem Sie das Bild speichern, und geben Sie Folgendes ein: convert picture-p.webp" />
