Kleiner Knigge für den Umgang mit Bildern im Web
Bilder und Fotos auf Webseiten einzufügen ist kinderleicht. Um allerdings allen Besuchern von Webseiten (wie auch diesem Wiki) einen angenhemen Besuch zu ermöglichen, sollte man auf die Größe und Auflösung der Bilder achten.
Allgemein gilt:
- Die Erscheinungsgröße und Auflösung eines Bildes wirkt sich auf die Dateigröße aus
- Die Dateigröße des Bildes wirkt sich auf die Ladezeit beim Besucher der Seite aus
Erscheinungsgröße
Die Größe eines Bildes wird im Allgemeinen in "Pixel" angegeben. Zwei Zahlen geben die horizontale Größe und die vertikale Größe des Bildes an. Wer in den Eigenschaften seines Computers nachsieht, kann beispielsweise die Größe des eingestellten Bildes auf dem Monitor nachschlagen. Häufige Monitorgrößen sind beispielsweise:
- 1024x768 Pixel
- 800x600 Pixel
- 1280x1024 Pixel
Beispiel:
Das folgende Bild hat eine Größe von 373x271 Pixeln bei einer Dateigröße von ca. 26 Kb:
attachment:comic_n.jpg
Das gleiche Bild ist jetzt kleiner mit 100x73 Pixeln und hat eine Größe von nur noch ca. 10 Kb:
attachment:comic_kg.jpg
Bildauflösung
Die Auflösung eines Bildes ist nicht bei allen Bild-Typen veränderbar. Für das Internet ist der JPEG-Typ ideal, hier kann die Auflösung am besten variiert werden. Grundsätzlich kann man sich die Auflösung mit der Grob- oder Feinkörnigkeit eines Bildes vorstellen. Vergleichbar wäre auch die subjektive Schärfe eines Bildes.
Hier ist nochmal das obere bekannte Bild mit der vollen Auflösung:
attachment:comic_n.jpg
Nun wurde die Auflösung verringert, um genau 50%, wer genau hinsieht erkennt kleine grobere Flächen auf dem Bild:
attachment:comic_ka.jpg
Die Größe wurde beibehalten, trotzdem wurde das Bild wegen der Verringerung der Auflösung kleiner von der Dateigröße her. Von ehemals 26 Kb ist dieses Bild jetzt nur noch 13 Kb groß !
Fazit
Die Größe und die Auflösung eines Bildes können sich erheblich auf die Dateigröße auswirken. Besonders bei größeren Dateien (100-200 Kb und mehr) spielt die Nachbearbeitung für das Web deswegen eine wichtige Rolle.
Geeignete Software zur Bildbearbeitung
Für die Nachbearbeitung von Bildern eignen sich grundsätzlich fast alle auf dem Markt erhältlichen Programme, die unter dem Namen "Fotosoftware" oder Ähnlichem laufen. Empfehlenswert (aus eigener Erfahrung) ist besonders kostenlose Software (Freeware genannt) wie beispielsweise das "Digital Image Tool". Hier können mehrere Bilder gleichzeitig geändert werden, als Optionen kann unter anderem die Größe des Bildes, die Auflösung und ein variabler Dateiname gewählt werden. Infos zur Software gibt es zum Beispiel auf: http://www.foto-freeware.de/digital-image-tool.php
Wer auf Nachbearbeitung verzichten kann und nur schnell die Datenmenge eines Bildes ändern möchte, indem er das Bild verkleinert, der sollte mal auf folgende Website schauen. Der Download einer Software wird dabei vermieden:
letzte Änderung dieser Seite durch -- ThomasMueckstein DateTime(2006-12-03T22:22:22Z)
Hallo, ich fände es gut, wenn hier noch eine Auflistung von brauchbaren Programmen mit jeweils einer kurzen Beschreibung der Vor- und Nachteile dazukäme. Das hilft dem (technikunerfahrenen) Nutzer und erleichtert die Suche nach dem für den Einzelnen optimalen Programm. -- AnnaHerbst DateTime(2006-12-07T10:46:03Z)
Hallo Anna, Selbstverständlich kann jeder, der über Erfahrung mit anderen Programmen verfügt die Seite mit Programmen ergänzen. Ich persönlich arbeite ausschliesslich mit dem oben angeführten Digital Image Tool. Aus Sicht unerfahrener Benutzer (ich schätze mich eher als Fortgeschrittenen ein
) kann ich das Programm nur empfehlen, es gibt nur das Nötigste an Optionen und alles ist eigentlich ziemlich einfach erklärt. 
-- ThomasMueckstein DateTime(2006-12-07T14:39:48Z)