Bilder in HTML-Seiten einsetzen
Veröffentlicht am: 4. Oktober 2010
Ich persönlich nutze nicht so viele Bilder bei meinen Webseiten (HTML-Dokumenten), da diese die Ladezeit einer Webseite erhöhen, was automatisch die Traffickosten in die Höhe treibt. Der Einsatz von Bildern ist aber eine wichtige Maßnahme, um die Inhalte abwechslungsreicher aufzubereiten. Wie es bekannt ist, lockern Bilder nicht nur Texte auf, sondern ermöglichen einfacheres Vermitteln von schwer verdaulichen Informationen.
Wie Sie Bilder in HTML-Dokumente einbinden
Sie können mit dem image-Tag Bilder von Ihrem Webserver in Ihre Webseiten einbinden, oder externe Bilder von fremden Webseiten auf Ihrer Seite anzeigen lassen.
Bilder vom eigenen Webserver einbinden:
<image src=”./bilder/bild.jpg” width=”20px” height=”20px” alt=”Ein Bild vom eigenen Webserver” />
Bilder vom externen Webserver einbinden:
<image src=”http://externe-domain.de/bilder/bild.jpg” width=”20px” height=”20px” alt=”Ein Bild vom externen Webserver” />
Bei beiden Beispielen haben wir ein Bild aus einem Bilder Ordner in die HTML-Seite eingebunden, das eine Höhe und Breite von 20px hat und dem Bild ausserdem eine kurze Beschreibung verpasst. Empfehlenswert ist das einbinden von Bildern, die auf dem eigenen Webserver liegen, da diese in jedem Fall schneller geladen werden, als Bilder vom externen Webserver.
Zu beachten ist, dass Sie nicht einfach fremde Bilder von anderen Webseiten auf Ihren Webseiten nutzen dürfen, da diese geschützt sind. Sie dürfen keine Bilder in Ihre Webseiten einbinden, wenn Sie keine ausdrückliche Erlaubnis vom Bildersteller haben, dies zu tun. Die Nutzung von geschützten Werken kann sehr teuer werden!
Es gibt einige Portale, wo Sie Bilder sehr günstig kaufen können und diese auf Ihren Webseiten nutzen dürfen. Geben Sie bei Google diesen Suchbegriff in die Suchmaske ein: „Bilder für Homepage“ und Sie werden einige kostenlose und kostenpflichtige Quellen für hochwertige Bilder finden. Wie bereits am Anfang dieses Artikels angesprochen, sollten Sie nicht zu viele Grafiken auf Ihren HTML-Seiten verwenden, da diese die Ladezeit erhöhen und Sie mehr Geld für Traffic ausgeben müssen, da der Datenverkehr durch die Nutzung von Bildern zunimmt.
Tags: Bilder, HTML, HTML-Seiten, Webserver
Kommentarfunktion ist deaktiviert.