Druckansicht von http://lehrerfortbildung-bw.de/styleguide/arbeitsweisen/anleitungen/grafikaufbereitung/, Stand 26. May. 2012

Sie sind hier: > Startseite > Styleguide der Redaktion

Grafikaufbereitung für's Web

Zu große Screenshots und Grafiken

Screenshots von Webseiten und Programmen sowie Bilder und Grafiken sind oft zu groß für HTML-Seiten. Auf dem Lehrefortbildungsserver dürfen Grafiken i.d.R. nicht breiter sein als 488 Pixel. Dies führt dazu, dass Screenshots und Grafiken häufig verkleinert werden müssen. Dabei droht jedoch ein Qualitätsverlust, der den Screenshot oder die Grafik faktisch unbrauchbar macht. Allerdings lässt sich der Qualitätsverlust minimieren…

Dies ist die Ausgangsgrafik. Gehen wir davon aus, sie sei für diese Seiten zu groß.

good quality

Kein Problem. Die Grafik in den HTML-Editor laden, mit der Maus anfassen und einfach "zusammenschieben". Denkste ... Das Ergebnis sieht so aus

bad_quality

Grafiken verkleinern ohne (großen) Qualitätsverlust

Laden Sie die (zu große) Grafik in einen Bildeditor, z.B. IrfanView.

Verkleinern Sie die Bildgröße mit Hilfe der Funktion "Image --> Resize/Resample" und wählen sie die folgenden Einstellungen:

resize

Verringern Sie mit Hilfe der Funktion "Image --> Decrease Color Depth" evtl. noch die Farbtiefe auf 256 Farben.

Das Ergebnis sollte so aussehen:

good

Die Grafik ist 490 Pixel breit, der Qualitätsverlust gegenüber der Originalgröße ist akzeptabel.

Zuständiger Redakteur: Uli Bauer, bauerlehrerfortbildung-bw.de
© Landesakademie für Fortbildung und Personalentwicklung an Schulen, für diese Seite gilt http://lehrerfortbildung-bw.de/impressum/copyright/urheber_standard.html
Letzte Änderung: 13.12.2007