Aktualisiert 19.3.2011In diesem Artikel geht es darum, wie man Bilder, die bereits digital vorliegen, für Webseiten tauglich macht - ganz gleich ob diese Bilder von einer Digitalkamera stammen oder von einem Scanner.Ziel ist dabei eine möglichst gute Bildqualität bei akzeptabler Dateigröße.Thema des Artikels sind die maximale Bildgröße (Breite, Höhe), das richtige Bildformat (in der Regel JPEG), und die optimale Dateigröße (in KB).Der Faktor Farbtiefe (Anzahl der Farben, aus denen das Bild zusammengesetzt ist) wird hier ausgeklammert. Denn eine Reduzierung der Farbtiefe wirkt sich schnell in einer stark verminderten Bildqualität aus. - In diesem Artikel wird deshalb davon ausgegangen, dass das Bild in der Farbtiefe des Ursprungsbildes weiter verarbeitet wird. Dies dürfte bei den meisten Digitalkameras eine Farbtiefe von 24 Bit sein.Ferner weist der Artikel auf gängige Bildbearbeitungssoftware hin.Bildmaße: Breite und Höhe Die Bildmaße sind die Breite und Höhe eines Bildes. Wenn Bilder auf einem Bildschirm dargestellt werden, wird diese in Pixeln (Bildpunkten) gemessen. Im Internet ist vor allem die Breite der limitierende Faktor. Die Breite einer Webseite sollte nicht größer sein als die Bildschirmauflösung der User es zuläßt, denn ein horizontales Scrollen wird meistens als unangenehm empfunden.Da immer noch ca. 40% aller User eine Bildschirm-Auflösung von 800 x 600 Pixeln haben, sollte eine Website auch bei dieser Auflösung auf den Bildschirm passen. Änderung März 2011: Aktuell dürfen 1024 x 768 Pixel als Standard gelten. Zusätzliche Breite geht verloren, weil es meist links oder rechts noch Navigations- oder andere Elemente gibt.Für das Garten-pur Forum gilt, dass eine Bildbreite von 800, maximal 1000 Pixeln nicht überschritten werden soll.Die Höhe kann demgegenüber auch größer gewählt werden, da vertikales Scrollen als weniger störend empfunden wird. Trotzdem ist es nicht verkehrt, auch hier an User mit 1024x768 -Bildschirmauflösung zu denken. Denn auch diese sollten ein Bild in voller Höhe ansehen können. Also empfiehlt es sich, eine Bildhöhe von 700 Pixeln nicht zu überschreiten.Also empfohlene maximale Maße: 800 (bis 1000) Pixel breit bzw. 700 Pixel hoch.Bildformat: mit JPEG auf der sicheren SeiteFast jeder Browser kann Bilder im JPEG-Format darstellen. Bilddateien in diesem Format haben die Endung *.jpg, wobei der * für den eigentlichen Bildnamen steht. Beispiel: malmaison.jpg.Also sollten Bilder für das Internet in JPEG umgewandelt werden.Komprimieren des JPEGsBei der Umwandlung muss beachtet werden, dass JPEGs unterschiedlich stark komprimiert werden können. Eine stärkere Komprimierung führt zu kleineren Dateigrößen (was wünschenswert ist), aber auch zu Einbußen bei der Qualität. Deshalb muss der richtige Kompromiss zwischen Bildgröße und Qualität gefunden werden.Der Komprimierungsgrad wird üblicherweise in Prozent eingestellt. Dabei bedeutet 100%: keine Kompression. Entsprechend ist 80% eine geringe und 50% eine stärkere Kompression.Oft ist es auch möglich, auf einem Schieberegler die gewünschte Qualität einzustellen (zwischen hoher und niedriger Qualität).Je weniger scharfe Details ein Bild enthält, um so besser kann es komprimiert werden (s. unten Beispiele).DateigrößeDie Dateigröße wird in Byte bzw. Kilobyte (= KB = 1.000 Byte) bzw. Megabyte (= MB = 1.000.000 Byte) gemessen. Sie ist im Hinblick auf zwei Faktoren wichtig:1) Traffic (Übertragung über das Internet und Internetzugang des Users);2) Speicherplatz auf dem Server.Beides kostet Geld, deshalb sind die maximal zulässigen Dateigrößen auf den meisten Diensten im Internet wie z.B. Foren begrenzt. - Im Garten-pur Forum liegt die maximal zulässige Dateigröße bei 80 KB, in der Galerie bei 100 KB.Die beiden genannten Faktoren wirken sich auf die Dateigröße aus:

• Bildmaße
• JPEG-Komprimierung

Anmerkung:Auch die Farbtiefe wirkt sich auf die Dateigröße aus, aber die wollten wir ja unverändert belassen.Vorbereiten eines Bildes für eine Website1. Schritt: Bildmaße abhängig vom Zweck wählen - nicht immer muss es das größtmögliche Format sein. 2. Schritt: JPEG-Umwandlung mit verschiedenen Kompressionsstufen ausprobieren, bis eine Dateigröße < 80 KB (galerie: < 100 KB) erreicht ist. - Ist die Bildqualität dann zu schlecht, sollte man die Bildmaße verkleinern und weniger stark komprimieren.Anmerkung:Etwaige Bildbearbeitung wie Veränderungen von Helligkeit, Kontrast, Farbbalance sollte man vor dem Komprimieren vornehmen, ebenso das Scharfzeichnen.

---

Nächster Post: Tipps zur SoftwareEditiert: Hier habe ich gelöscht, was ich ursprünglich halb Falsches über die Auflösung (Stichwort: 72 dpi) geschrieben hatte.Aktualisiert 19.3.2011 von Thomas

Aktualisiert 19.3.2011Software zur Bearbeitung von BildernEine allgemeine Anleitung zum Komprimieren von Bildern gibt es hier im Portal. Auf den Unterseiten stehen Anleitungen für Irfanview, PhotoImpact, Photoshop Elements, Photoshop CS, JPEG Kompressor zur Verfügung.Wenn es nur ums Verkleinern und Komprimieren der Fotos für Garten-pur geht, dann ist vielleicht JPEG Kompressor das einfachste Programm. Leider fehlt mir die Zeit nachzuschauen, ob die Beschreibung von Mufflon 2007 noch zutrifft.Oft wird mit der Digitalkamera eine Software zur Bildbearbeitung mitgeliefert. Diese sollte man zunächst einmal ausprobieren und versuchen, die oben genannten, zur Bearbeitung erforderlichen Funktionen zu finden.Reichen die Möglichkeiten nicht bzw. ist keine Software mitgeliefert, kann man auf kostenlose Software zurückgreifen.Ich gebe hier zunächst zwei Beispiele von kostenloser Software mit den Download-Links, die generell als ziemlich gut gelten:XnView 1.66 (habe ich selber ausprobiert)http://php.zdnet.de/downloads/search-wc.php?form_searchstring=xnviewIrfanView 3.85 (kenne ich selber nicht, wird aber sehr empfohlen)http://php.zdnet.de/downloads/search-wc.php?form_searchstring=irfanviewNicht kostenlos, aber sehr mächtig ist PaintShopPro 8 von Jasc Software. http://www.jasc.com/products/paintshoppro/Die Lizenz von PaintShopPro 8 kostet im Download 79 US-$. Es gibt eine freie voll funktionsfähige Trial-Version (limitiert auf 30 Tage).Die Profisoftware ist natürlich Adobe Photoshop. Die aktuelle Version Photoshop CS kostet aber auch stolze 1.288,44 Euro.

---

M.E. kommt man mit einem der beiden kostenlosen Programme schon sehr weit.[/s]

---

Nächster Post: Beispiel 1Aktualisiert 19.3.2011 von Thomas

Beispiel 1: detailarmes Foto (Vergissmeinnicht)Das Ausgangsbild einer Sony DSC F 505 wurde aus dem JPEG-Format, Bildgröße 1280 x 960 Pixel, Dateigröße 543 KB (ca. 0,5 MB), heruntergerechnet auf Bildbreite 500 Pixel. Diese Datei als JPEG in höchster Qualität (100%) ist 138 KB groß.Eine Komprimierung auf 80% der Qualität resultiert in einer Datei von nur 34 KB.

Beispiel 2: detailreiches Foto (Jordanien)Das Ausgangsbild einer Nikon D 100 wurde aus dem Nikon NEF Format, Bildgröße 3008 x 2000 Pixel, Dateigröße 9,8 MB, heruntergerechnet auf Bildbreite 500 Pixel. Diese Datei als JPEG in höchster Qualität (100%) ist 187 KB groß. - Hier wirkt sich schon der höhere Detailreichtum aus: trotz gleicher Bildgröße (und Farbtiefe) ist die Datei größer als die im ersten Beispiel.Eine Komprimierung auf 80% der Qualität resultiert in einer Datei von immer noch 75 KB.

---

Ich hoffe, Ihr könnt mit dieser Einführung etwas anfangen.Mit hinweisenden GrüßenThomas

Thomas,es ist ganz großartig, was Du hier zur Umwandlung von Bilddateien zum Einstellen ins Forum zusammengestellt hast und wie Du es machst. Ich habe erst einmal alles kopiert und hoffe, dass ich morgen abend Zeit habe, alles genau zu lesen und auszuprobieren.Also erst mal riesigen Dank

Ja, von mir auch vielen Dank für Deine Ausführung. Mir war das nie so richtig klar mit der richtigen Auflösung.Ist doch schön, wenn man sich nicht immer alles alleine "hinschustern" muß. Da würde ich gerne mehr zu lesen!

Freut mich, wenn es etwas hilft.

Da würde ich gerne mehr zu lesen!

Wozu genau?Nachfragende GrüßeThomas

Ja, Thomas, das hast du sehr schön beschrieben. Das hätte ich vor einem halben Jahr wissen sollen - aber so blieb mir nur learning by doing. ::)LG Silvia

...aber so blieb mir nur learning by doing.

Oh ... diese Methode ist aber nicht der Schlechtesten eine ... das vergißt du dann nie wieder ;-)

Eine konkrete Frage hätte ich auf anhieb:Was bewirkt die Gamma-Einstellung? ???Bei mir in PhotoImpact im Zusammenhang mit Helligkeit und Kontrast?

Die Gamma-Kurve eines Bildes gibt vor allem Aufschluss über die Verteilung der Tonwerte eines Bildes.So zeigt die Gammakurve, wie viele - und welche - Anteile eines Bildes in den Lichtern, den Mitteltönen und den Schatten liegen.Veränderungen der Gamma-KurveLiegen z.B. wenig bildrelevante Informationen in den Lichtern und / oder Schatten eines Bildes, lässt sich die Gammakurve oft zusammenschieben (d.h., dass in den Lichtern und / oder Schatten einzelne Tonwerte nicht mehr differenziert werden). Das gesamte Bild erscheint dann kontrastreicher (andererseits gehen natürlich Details der Lichter- oder Schattenzeichnung verloren).Man muss einfach mit Veränderungen der Gammakurve herumspielen, um das zu verstehen.Hier ein Beispiel eines Fotos an einem trüben Tag, Gamma-Kurve unverändert:

... und hier dasselbe Bild, Gammakurve gestaucht - d.h. ich habe in den Lichtern und Schatten alles großzügig weggeschnitten, was eh' keine wichtige Bildinformation enthielt (dabei ist das Motiv allerdings schon sehr verändert worden - der Tag sieht jetzt nicht mehr so trüb aus):Anm.: Ich musste außerdem stark komprimieren ... diese Rinde hat mehr Details, als man ahnt ....

Wow, vielen Dank ;DNatürlich habe ich immer rumprobiert, aber nicht verstanden, warum es für ein Bild positive Auswirkungen hat und für das andere nicht. Nun hat es geklickt!....na, da fällt mir demnächst sicher noch mehr ein.

Ich bin jetzt gut drei stunden vor dem corel photo paint gehockt und trotz tutor und allem krieg ich es einfach nicht hin eine blüte automatisch aus dem hintergrund herauszuschneiden. jetzt geb ich's auf. das ist mir echt zu hoch. da hat man nun endlich ein gescheites programm und kann es nicht bedienen. wenigstens kann ich jetzt bilder sowohl durch verkleinern auf weniger kb bringen wie durch komprimierung. bis jetzt hab ich immer nur verkleinert.

Danke Thomas, für die guten Beschreibungen - wirklich brauchbar! Und die Sache mit der Auflösung...jetzt geht mir ein Licht auf... VLG; Katrin