Bilder bearbeiten

In der Mediengestaltung, zu welcher auch das Webdesign gehört, wird grundsätzlich zwischen zwei Arten von Bildern unterschieden. Dies sind zum einen die Vektorgrafiken und zum anderen die Pixelbilder (Bitmaps). Pixelbilder spielen im Webdesign die Hauptrolle. Ein typisches Beispiel für Pixelbilder sind Fotos.

Vektorgrafik | Bitmap | Fotos | Jpg-Bilder

Eigene Bilder optimieren

Bilder sind heute aus dem Webdesign nicht mehr wegzudenken. Ein wichtiges Thema ist deshalb die Bearbeitung und Optimierung der Bilder, welche Sie auf Ihrer Website verwenden möchten. Auch wenn Fotos aus der Digitalkamera schon in einem Pixelformat vorliegen sind sie für die Verwendugn im Webdesign meist überdimensioniert. Zum Bearbeiten und Optimieren der Bilder stehen, von kostenlos bis sehr teuer, die unterschiedlichsten Bildbearbeitungsprogramme zur Verfügung. Vor allem im privaten Bereich leisten kostenlose Grafikprogramme hier sehr gute Dienste.

Zum Betrachten von Grafiken und Fotos im Internet ist eine Auflösung von 72 bis 104 ppi richtig. Bilder die größer sind benötigen nur zusätzliche Ladezeit und bringen unter Umständen riesige Bilder auf den Bildschirm, die der Browser bestenfalls nach dem endlos langen Ladevorgang auf eine darstellbare Größe reduziert.
Wichtig ist es deshalb, zu überlegen, welchen Platz die einzelnen Bilder auf dem Monitor einnehmen sollen und ob diese Bilder zum Drucken geeignet sein sollen. Die Anzahl der Pixel, die ein Foto beispielsweise für eine bestimmte Darstellungsgröße auf dem Monitor benötigt, kann genau berechnet werden. Bilder für den Druck sollten mindestens 300dpi aufweisen. Stellen Sie Bilder zum Drucken am besten als gesonderten Download bereit. Günstig ist es vor der Anzeige der eigentlichen Bilder in einer Übersicht eine Auswahl von kleinen Vorschaubildern bereit zu stellen. So kann der Besucher selbst wählen, ob und welche Bilder er sich in voller Größe ansehen möchte. Das gilt auch für die Bilder die als Download für den Druck bereit gestellt werden. Es macht wenig Sinn einen A4-Ausdruck mit mindestens 300dpi in voller Größe im Browser öffnen zu lassen.

Auswahl des richtigen Grafik-Formates für die Präsentation im Internet

Das Speichern von Grafik-Dateien kann verlustfrei und verlustbehaftet erfolgen. Formate, bei denen eine Komprimierung durchgeführt wird, sind meist verlustbehaftet.
Für die Speicherung von Fotos zur Präsentation im Internet ist das jpg Format erste Wahl. Obwohl es mit einer verlustbehafteten Komprimierung arbeitet bietet es doch kleine Dateigrößen bei guter bis sehr guter Qualität, je nach Komprimierungsstufe. Das weniger bekannte png-Format ist ebenfalls für den Einsatz von Fotos im Webdesign geeignet, konnte sich aber bisher nicht richtig durchsetzen und erzeugt, im Vergleich zum jpg, deutlich größere Dateien. Das dritte Format welches im Webdesign zur Anwendung kommt ist das gif-Format. Dieses wird vor allem verwendet, wenn Vektorgrafiken für das Internet gespeichert werden sollen. Das können Logos, Diagramme, Button oder technische Zeichnungen sein. Vektorgrafiken bestehen oft aus Formen mit größeren Flächen und meist nur wenigen Farben. Da beim Speichern im gif-Format die Farben der Grafik auf höchstens 250 Farbwerte reduziert werden kann somit eine starke Dateiverkleinerung erreicht werden. Weitere Anwendugnsgebiete für das gif-Format sind Animationen und Bilder, die transparente Bereiche enthalten. Zum Speichern von Fotos ist das gif-Format weniger geeignet, da Fotos einen deutlich größeren Farbumfang aufweisen. Damit wären dann die Formate, die ein Browser anzeigen kann schon aufgezählt.

Software Tipps - Bildbearbeitungsprogramme

Wer beispielsweise das Webdesign für eine privaten Website gestalten möchte und nicht mehrere Hundert Euro für ein Bildbearbeitungsprogramm ausgeben will aber trotzdem die dafür benötigten eigenen Bilder bearbeiten möchte, ist mit den folgenden beiden Programmen sicher gut beraten. Genaue Informationen über die Nutzungsbedingungen und den Leistungsumfang der empfohlen Programme erhalten Sie auf den Websites der Hersteller. Dort wird auch der Download angeboten.

Freeware Bildbearbeitung

IrfanView ist ein sehr guter Bildbetrachter mit einigen Bearbeitungsmöglichkeiten für Bilder und für den privaten Gebrauch Freeware.
Gimp ist ein kostenloses, sehr gutes Bildbearbeitungsprogramm unter der GNU-Lizenz mit Ebenenunterstützung. Darstellung von transparenten Bereichen in den Bildern und animierte gif's stellen für dieses Grafikprogramm keine Probleme dar.