HrblSoft_logo
Werbung MoneyBanner.de


 Themen

 News und Upload Info
 HTML Tipps und Tricks
 Javascript Tricks
 DHTML und Styles
 Html und JScript Links
 Allgemeine Grafiktipps
 PP Tricks und Tutorials
 Links zum Thema Grafik
 Downloads und Tools

 Grafiken in Html

25.02.2001

Der Einsatz von Grafiken hat Vorteile und kann die Bedienung Ihrer Seite erleichtern. Sie können dabei aber auch eine Menge falsch machen. Einer der peinlicheren Fehler ist ein fehlendes Bild auf der Seite, weil der Webserver unter Linux/Unix läuft und im Gegensatz zu Windows zwischen Groß- und Kleinschreibung unterscheidet. Sie sollten sich angewöhnen Dateinahmen grund- sätzlich entweder Groß oder Klein zu schreiben, um solche Fehler zu vermeiden. Ein ähnliches Problem kann Ihnen blühen, wenn Sie eine Grafik von einer anderen Website einbinden (Banner etc). Sie sollten nach jedem Upload Ihre Seiten auf solche Fehler überprüfen. Peinlich, wenn man auf einer Seite mit der Zuverlässigkeit und Qualität der eigenen Firma prahlt und dem Kunden gleich daneben durch ein fehlendes Bild eine schlampige Arbeit präsentiert...

Definieren Sie für Ihre Grafiken Höhe und Breite. So ist es für den Browser möglich den Text vor den Bildern zu laden und der Bildaufbau ist nicht mehr so ruckelig.

Gern vergessen wird auch das "ALT" Tag. Gerade für Firmenseiten mit aufwendigen Grafiken auf der Brückenseite ist dieses Tag ein Muss. Die Zahl derer, die mit ausgeschalteter Grafikanzeige oder Textbrowsern surfen ist zwar nicht besonders hoch, aber warum bewusst auf Besucher verzichten, wenn Sie Ihrer Seite nur ein paar Byte zusätzlichen Quellcode verpassen müssen. Denken Sie auch daran, dass Suchmaschinen sozusagen "Blind" sind. Ein gut gewählter Alternativtext für ein Bild kann Ihrer Seite u.U. ein höheres Ranking bescheren. Der ALT Text wird zusammen mit dem restlichen Seitentext vor dem Laden der Bilder angezeigt. Tun Sie Ihren Besuchern einen Gefallen und geben Sie für grosse Bilder (ab 15K) einen aussagekräftigen Alternativtext an. So kann der Betrachter selbst entscheiden, ob er warten will bis das Bild geladen ist, oder lieber gleich weiterklickt. Für Grafiken, die nur dem Layout dienen, können Sie ja ein leeres Tag verwenden. (ALT="")