Eine Webseite ( Homepage ) die nur aus Text besteht, wirkt schnell trocken und langweilig. Mit ein paar hübschen Bildern lässt sich eine Webseite ansprechend aufpeppen.
Wer die erste eigene Webseite bastelt, macht dabei häufig folgende Fehler:
– zu viele animierte Bilder
Wenn die ganze Homepage wackelt und blinkt, lenkt dies nur vom wichtigen (Inhalten / Content ) ab, zudem wird es „anstrengend“ die Webseite an zu schauen oder sich auf den Text der Seite zu konzentrieren
– zu große / zu viele Bilder
Wenn die Dateigröße der Bilder zu groß ist, steigt die Ladezeit bis eine Webseite fertig angezeigt wird. Vor allem für Homepage – Besucher mit schlechter Internet Verbindung, Surf Sticks oder Handy, bekommen dann Schwierigkeiten die Webseite zu laden.
– schlechte Qualität
Um die Dateigröße zu reduzieren, kann man mit einem Grafikprogramm die Qualität eines Bildes reduzieren, damit sinkt auch die Dateigröße. Wenn Bilder dadurch aber pixelig, unscharf oder verschwommen werden, kann man auf das Bild lieber verzichten.
Wissenswertes: Animierte Bilder gibt es nur als „.gif“, erzeugt werden Sie mit speziellen Tools bei welchen mehrere Bilder Zeitlich gesteuert hintereinander gehängt werden. .gif Bilder gibt es mit maximal 256 Farben. Für Bilder mit sehr vielen Farben wie z.B. Fotos, benutzt man .jpg oder .png Dateien.
– Bilder Diebstahl/Urheberrecht
Wenn man im Internet irgendwo ein hübsches Bild gesehen hat, NIEMALS einfach das Bild nehmen und auf die eigene Website packen, das kann sehr teure Folgen haben ! Derjenige der ein Bild „erschaffen“ hat (fotografiert, gemalt oder im Grafik Programm erstellt) , hat das Urheberrecht auf diese Grafik. Das Bild darf ohne seine (beweisbare) Zustimmung nicht benutzt werden, auch nicht nur Stückchen davon oder in abgeänderter Form !
– Bilder Seiten, Bilder Datenbanken
Wir werden in einem weiteren Artikel einige Quellen für Bilder vorstellen, aber auch dort immer genau lesen mit welchen Bedingungen die Nutzung der Bilder gestattet ist, auch Bezeichnungen wie „Royalty Free“ bedeutet nicht das die Bilder kostenfrei genutzt werden dürfen. Auch ist die Nutzung oft nur für private Zwecke erlaubt oder nur für „Nicht-Kommerzielle“ Webseiten, wobei eine Webseite schon wieder nicht Privat ist, sobald ein Banner oder werbender Link auf der Seite ist. Oft ist die kostenlose Nutzung auch an Bedingungen wie ein Link oder die Nennung des Urhebers auf der Webseite oder unter dem verwendeten Bild verbunden. Also Vorsicht !
Wie binde ich ein Bild ein ?
Um Bilder im Quelltext ein zu binden hier ein Beispiel:
Verwendeter Quelltext:
<img src=“https://www.homepage-anleitung.de/wp-content/uploads/2009/12/hund.jpg“ title=“Rhodesian Ridgeback Welpe“ alt=“Rhodesian Ridgeback Welpe“ width=“341″ height=“352″ />
Hinter <img scr= erfolgt in Gänsefüßchen der Ort an dem das Bild liegt. Bei title=“ “ sollte man einen Titel für das Bild angeben, es hat Vorteile hier Wörter zu finden, welche auch in den Suchmaschinen mit diesem Artikel verknüpft werden sollen.
Im alt Tag alt=“ “ sollte man einen Text angeben, welcher angezeigt wird, wenn das Bild nicht angezeigt werden kann, für Browser welche von Blinden benutzt werden oder bei Störungen.
Mit width=“ “ wird die breite des Bildes in Pixel angegeben, mit height=“ “ wird die Höhe des Bildes in Pixel angegeben.
