Eine FavIcon für Ihre Website erstellen

October 23

Eine FavIcon für Ihre Website erstellen

Eine Favicon erscheint in der Adressleiste Ihres Browsers. Das Favicon für eHow ist beispielsweise der Buchstabe "O" mit einem Häkchen, die Sie in der Site-Logo sehen. Viele Sites verwenden diese Favicons zum Identifizieren und Marke ihrer Website. Hier wird ich die Schritte zum Erstellen eines Favicons für Ihre eigene Website überprüfen.

Anweisungen

1 Sie können Ihr eigenes Symbol mit einem Bild Ihrer Wahl erstellen. Viele Bilder nicht skalieren, klar und sauber, so wählen Sie ein Bild, das ist einfach und klar und deutlich in der Größe verringern.

2 Öffnen Sie das Bild in jedem Foto-Bearbeitungs-Werkzeug, das Sie haben. GIMP, Photoshop, Fireworks oder Paint Show Pro werden alles tun, was Sie brauchen (Tipps weiter unten sehen, ob Sie keines dieser Programme zur Verfügung haben).

3 Schneiden Sie das Bild, um nur das Material enthalten, die, das Sie in das Favicon angezeigt werden soll, dann reduzieren Sie die Größe auf 16 x 16 Pixel. Die Bildauflösung sollte entweder 72 oder 96 dpi.

4 Speichern Sie das neue Bild. Sie können es als JPEG, GIF oder PNG speichern. Hochladen Sie das Bild auf Ihre Website.

5Eine FavIcon für Ihre Website erstellen

Der richtige Weg, um das Symbol zu verknüpfen hängt von der Version von HTML, die Sie in Ihrer Website verwenden. Fügen Sie für die Anbindung an das Symbol mit HTML 4.01 den Code im Bild in den Kopf des Dokuments. Natürlich müssen Sie Ihre eigenen Informationen wie den Namen Ihres Bildes und Server verwenden.

6Eine FavIcon für Ihre Website erstellen

Wenn Ihre Webseite XHTML 1.0 verwendet, verwenden Sie Code ähnlich, was Sie in diesem Bild sehen. Passen Sie Informationen entsprechend Ihrer bestimmten Server und Image-Namen wieder an.

7 Diese Option mit dem Rel = "Shortcut Icon" Attribut für der Link in XHTML funktionieren. Sehen Sie den Code im Bild. Das Symbol muss den Namen "favicon.ico" und, was das Symbol auf der obersten Ebene der Website (nicht in allen Unterordnern) für diesen Link, um die Arbeiten gespeichert werden muss.

8 Wie die XHTML 1.0-Beispiel zeigt, können Sie einen absoluten Link zu dem Bild wie in der HTML 4.01-Beispiel oder einem relativen Hyperlink dargestellt. Verwenden Sie Ihre normale Methode mit Bild, relativ oder absolut, zu verknüpfen, sei es HTML 4.01 oder XHTML.

9 Hochladen der Seite mit dem neuen Code in den Head des Dokuments, und aktualisieren Sie Ihre Seite testen, um sicherzustellen, dass Ihr neue Favicon in der Adresszeile des Browsers angezeigt wird.

Tipps & Warnungen

  • Ein Web-basiertes Tool Dynamic Drive und bezeichnet den Favicon-Generator hilft Ihnen das Bild zu erstellen, wenn Sie nicht die Software es selbst zu tun haben.
  • Adobe AIR-Anwendung werden Symbole für Sie erstellen. Es muss heruntergeladen und auf Ihrem Computer installiert, aber es ist kostenlos. Sie müssten auch herunterladen und Installieren der Adobe AIR-Laufzeitumgebung, aber es ist auch kostenlos.