Favicon - haben Sie das Symbol Ihrer Website in der Adressleiste

Bestimmte Websites haben ein Symbol links neben der URL in der Adressleiste des Internetbrowsers. Es gibt verschiedene Methoden, um ein Favicon oder ein Symbol für eine Website zu erstellen, das in der Adressleiste angezeigt werden kann. Mit Zeichenprogrammen wie Gimp, Pixia oder speziellen Programmen wie IconEdit32 oder IconWare kann ein Favicon erstellt werden . Es gibt Websites, die zum Transformieren eines Bildfavicons verwendet werden können. Auf einigen Websites können Webmaster eine ICO-Datei erstellen und das Favicon animieren . Das Link-Tag wird verwendet, um den Pfad des Favicons anzugeben und es online zu schalten, damit Besucher der Website das Symbol in der Adressleiste sehen können.

• Ein Favicon erstellen
  • Für die meisten Browser:
  • Für den Internet Explorer:
• So erstellen Sie ein animiertes Favicon oder generieren eine ICO-Datei
• Favicon online stellen
• Anmerkungen

Sie haben wahrscheinlich das Vorhandensein eines Symbols links neben der URL in der Adressleiste Ihres Browsers beim Zugriff auf bestimmte Websites bemerkt?

Führen Sie die folgenden Schritte aus, um diese Art von Symbol auf Ihrer eigenen Website zu implementieren.

Ein Favicon erstellen

Es gibt verschiedene Methoden:

• Zeichenprogramm (Gimp, Pixia, Inkscape ...)
• Spezialisierte Software (IconEdit32 oder IconWare)
• Websites (die ein Image-Favicon transformieren):
  • //www.html-kit.com/favicon/
  • //www.html-kit.com/favicon
  • //www.favicon.co.uk/
  • //www.favicon.hu/
  • //tools.dynamicdrive.com/favicon/
  • //favikon.com/

Für die meisten Browser:

Der erste Schritt besteht darin, ein Bild in PNG oder GIF zu erstellen.

Sie können zwischen verschiedenen Größen wählen, 16x16 oder 32x32 (Pixel).

Für den Internet Explorer:

Verwenden Sie für diesen Browser ein Bild oder eine ICO-Datei (umbenannt in BMP) im Format 16 x 16 Pixel.

So erstellen Sie ein animiertes Favicon oder generieren eine ICO-Datei

//www.html-kit.com/favicon/

• Mit dem obigen Link können Sie nicht nur einfach eine ICO-Datei erstellen, sondern auch Ihr Favicon animieren und den Text scrollen, wenn Sie möchten.
• Klicken Sie auf die Schaltfläche Durchsuchen und wählen Sie ein Bild auf Ihrem Computer aus.
• Sie können auch Text hinzufügen, um nach dem Symbol zu scrollen. Es wird automatisch ein animiertes Symbol generiert.
• Schließlich ist es auch möglich, ein animiertes Symbol ohne Text zu generieren, indem Sie das animierte Favicon (das Favicon selbst, das zu scrollen scheint) aktivieren.
• Klicken Sie dann auf die Schaltfläche Generate Favicon.ico
• Sie erhalten dann einen Überblick über Ihr Favicon.
• Dann laden Sie einfach die komprimierte Datei auf Ihren Computer herunter.
• Kopieren Sie nach dem Entpacken der Datei die Datei favicon.ico auf Ihre Site.
• Wenn Sie ein animiertes Symbol heruntergeladen haben, enthält die ZIP-Datei auch die Extra-Datei mit dem animierten Favicon (animated_favion1.gif). Kopieren Sie sie anschließend auf Ihre Site.

Favicon online stellen

• Um das Favicon auf Ihrer Site zu platzieren, geben Sie seinen Pfad über die Link-Tags in der Kopfzeile an.
• Hier ist ein Beispiel mit einem PNG-Bild:

• Abhängig vom Format ändert sich das Attribut "Typ":

Png: image / png

Gif-Format: Bild / Gif

JPEG-Format (JPEG oder JPG-Erweiterung): Image / JPEG

• Und wenn Sie ein Favicon haben, das nicht den Standards entspricht, ändert sich auch das Attribut "rel":

 link rel = "Verknüpfungssymbol" type = "image / x-icon" href = "/ images / icon_ie.ico" /> 

• Wenn Ihr Symbol animiert ist (GIF, fügen Sie den folgenden Tag ein:

Anmerkungen