Optimales Einsetzen von Bilder

Optimierungstipps zur Bildern auf der Website

Die Gestaltung von Bildern ist ein ziemlich interessantes Thema. Es gibt Bilder, die man als Logo benutzt. Es gibt aber auch ganz normale Bilder, die den Textinhalt besser visualisieren sollen. Eine Bildstufe kleiner wird dann benutzt, wenn man beispielsweise Pfeile einsetzt, die einen Besucher wieder ganz noch oben bringen. Die häufigste Bildart sind die Favicons. Das sind die Bilder die man oben im Browser vor der URL sieht:

So erstellen Sie sich einen Favicon:

  1. Laden Sie sich das Programm "IcoFX" hier kostenlos herunter
  2. Erstellen Sie sich mit Paint oder einem anderen Bildbearbeitungsprogramm ein Logo
  3. Zerren Sie das Bild zu einer 16 x 16 Formatgröße klein und speichern Sie es ab
  4. Öffnen Sie nun das Bild mit dem IcoFX-Programm
  5. Speichern Sie das Bild als "favicon.ico" in jedes Verzeichnis, wo eine Html-Datei ist
  6. Geben Sie nun im Head-Bereich jeder Html-Seite diesen Link ein:
    <link href="favicon.ico" rel="SHORTCUT ICON">

Hinweis zu Bildnutzung:

Beim Einsetzen von Bildern müssen Sie darauf achten, dass ein zu großes Bild die Ladezeit der Seite verlängert. Zusätzlich wäre es empfehlenswert, wenn Sie Ihren Bildern einen ALT-Tag (Angezeigter Begriff, falls das Bild nicht hochgeladen wird) und einen TITEL-Tag geben. Dadurch verhelfen Sie Suchmaschinen Ihre Bilder besser unterzuordnen.

Ein Beispiel:
<img src="bilder/favicon-beispiel.png" alt="Favicon-Beispiel" title="Ein Beispiel eines Favicons">


Hier erhalten Sie Bearbeitungshilfen für das Programm IcoFX und Informationen zu anderen Bildertypen