Was ist ein Favicon?
Ein Favicon ist ein benutzerdefiniertes Symbol für eine Webseite oder Website, das neben der http- Adresse im URL-Fenster eines Browsers angezeigt wird. Es belegt auch offene Registerkarten in Browsern mit aktivierten Registerkarten und wird neben Links mit Lesezeichen angezeigt. Der Begriff kombiniert die Wörter "Favoriten" und "Symbol". Mit Microsoft Internet Explorer Version 5.0 wurde die Möglichkeit eingeführt, Favoriten anzuzeigen, gefolgt von anderen wichtigen Browsern. Firefox, Netscape, Opera, Safari und Konquerer gehören zu den zahlreichen Browsern, die diese Funktion unterstützen.
Ein Favicon ist so klein, dass es in Pixeln gemessen wird. Ein Pixel ist die kleinste Maßeinheit auf einem Computerbildschirm. Pixel, die winzigen Blöcken ähneln, sind deutlich sichtbar, wenn Sie einen Bildschirm durch eine Lupe betrachten. Ein Favicon ist nur 16x16 Pixel, 32x32 Pixel oder bei Macintosh-Computern manchmal 64x64 Pixel oder größer.
Das Entwerfen eines Logos für eine so kleine Leinwand ist keine leichte Aufgabe, daher ist es einfacher, mit einer größeren Leinwand zu beginnen und das Bild dann in der Größe zu verkleinern. Da das Verkleinern eines Bildes zu einem Verlust der Bildschärfe führen kann, ist es am besten, mit einer Leinwandgröße von etwa 64 x 64 Pixel zu beginnen.
Diese Symbole können mit fast jedem Grafikprogramm in Schwarzweiß, 16 Farben, 256 Farben oder mehr gestaltet werden. Sobald das Design verkleinert und gespeichert wurde, kann es in eine Symboldatei konvertiert werden. Nicht alle Grafikprogramme speichern Dateien als ICO-Dateien. Es sind jedoch viele Grafikprogramme online verfügbar, die speziell für die Erstellung und Konvertierung von ICO-Dateien geeignet sind. Wenn Sie eine BMP-, JPG-, GIF- oder andere Bilddatei in einem dieser Programme öffnen und "Speichern unter" auswählen, können Sie das Bild in das richtige ICO-Format konvertieren und die Datei "favicon.ico" benennen.
Das Symbol kann jetzt in das Stammverzeichnis Ihrer Website hochgeladen werden. Browser suchen nach dieser Datei und zeigen sie an, wenn sie gefunden wird. Abgesehen vom Hochladen auf die Website sollten im Abschnitt <head> </ head> der Webseite zwei Zeilen einfachen Codes hinzugefügt werden (siehe Abbildung unten). Ändern Sie "website.com" in Ihren tatsächlichen Website-Namen:
<link rel="icon" href="http://website.com/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="http://website.com/favicon.ico" type="image/x-icon" />
Wenn eine Website in Internet Explorer mit einem Lesezeichen versehen ist, bevor sie über ein Favicon verfügt, wird möglicherweise kein neues angezeigt. Löschen Sie das Lesezeichen, leeren Sie den Cache des Browsers und starten Sie den Browser neu. Surfen Sie nun manuell auf die Website und Sie sollten das Favicon sehen. Setzen Sie ein Lesezeichen auf die Site, um sie zu den Favoriten hinzuzufügen.
Während Internet Explorer erfordert, dass das Favicon eine ICO-Datei ist, können Firefox, Netscape und andere gängige Browser auch GIF-, JPG- und PNG-Dateien anzeigen. Wenn Sie einen anderen Bilddateityp als .ico verwenden, sollte der Code geändert werden, um den richtigen Bildtyp wiederzugeben. Wenn Sie beispielsweise favicon.png verwenden, lautet der Code: type="image/png" /> und nicht type="image/x-icon" /> .
Durch das Verknüpfen eines Favicons mit einer Website wird ein visuelles Branding erstellt, mit dem ein Surfer Ihre Website und deren Inhalte mit einem einfachen Blick auf die Lesezeichen abrufen kann. Unabhängig davon, ob es sich um ein Mini-Logo oder ein originelles Design handelt, wird Ihr Bild idealerweise den Inhalt, den Charakter oder den Namen der Website widerspiegeln. Es gibt mehrere Online-Unternehmen, die auf Wunsch ein Favicon für Sie entwerfen. Für diejenigen mit grundlegenden Computerkenntnissen ist das Erstellen einer solchen Aufgabe jedoch eine einfache und unterhaltsame Aufgabe, die von wenigen Minuten bis zu einem Nachmittag oder Abend dauern kann.