Infos & Tipps für Webmaster und Seitenbetreibende

Favicon erstellen und einrichten

Ein Favicon ist die kleine Grafik in der Adresszeile des Browsers angezeigt wird.

webschau-favicon

Um ein Favicon für eine Webseite zu erstellen, gibt es verschiedene Möglichkeiten.
Zum einen kann dies mit einer Bildbearbeitung erfolgen oder mit einem Generator.

In diesem Beispiel kommt der kostenlose Favicon-Generator zum Einsatz.
Hiermit lässt sich ein Favicon erstellen oder eine bestehende Grafik importieren.

Um z.B. eine Grafik zu importieren, “Import Image” auswählen.

favicon-generator

Im sich öffnenden Fenster die entsprechende Grafik auswählen:

favicon-generator-import

Ist die gewünschte Grafik (unterstützte Dateiendung und Größe vorausgesetzt) ausgewählt, “Upload” anklicken um die Grafik hochzuladen.

In der Vorschau wird das erstellte Favicon angezeigt.

favicon-generator-vorschau

Per Klick auf “Download Favicon” auf den Computer herunterladen.

Das erstellte Favicon auf den Webserver (in das Hauptverzeichnis der Webseite) hochladen.

Hier ein Screenshot aus dem kostenlosen FTP-Programm FileZilla:

filezilla-ftp-upload

Der Aufruf des Favicons erfolgt zwischen <head> und </head> vom Theme der Webseite.

Beispiel für die Einbindung des Favicons:

<link href="http://www.DEINESEITE.XY/favicon.ico" rel="shortcut icon" />

Um das aktuelle Favicon anzuzeigen, gegebenenfalls den Cache des Browsers leeren und die Seite erneut aufrufen.

Favicon bei Wikipedia

Den Code zur entsprechenden Webseite anpassen: DEINESEITE.XY

Auf den Seiten hier findest Du Informationen & Tipps zu Webmaster-Themen.

Webschau bei Twitter | Google Plus

Ähnliche Artikel:

  1. Icons per Generator erstellen
  2. Add-on für Firefox: Firebug
  3. Farbverlauf mit dem CSS-Gradient Generator erstellen
  4. Firefox 4 veröffentlicht
  5. CSS-Menü per Generator erstellen

Kommentar absenden

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Sitemap