Bilder mit GIMP fürs Web aufbereiten

Achtung alle hier angegeben Menüpunkte können unter Umständen einen leicht anderen Namen haben, da diese Dokumentation mit GIMPshop (eine GIMP-Version, welche ähnlich ist wie Photoshop) erzeugt wurde.

1. Zuerst muss man sich im Klaren sein, in welcher Pixelgröße ein Bild gebraucht wird. Wenn wir von unserem Beispiel ausgehen dann ergeben sich folgende Maße:
   Für die Inhaltsspalte steht eine maximale Breite von 430 Pixel (450 - 10 -10) zur Verfügung
   Für die Infospalte steht eine maximale Breite von 150 Pixel zur Verfügung.
2. Nachdem wir uns das Bild in irgend einem Ordner z.B. Rohdateien abgespeichert haben öffnen wir es mit GIMP.
3. Eventuell im Menü Bild mit dem Menüpunkt Rotate das Bild in der richtigen Richtung drehen
   
4. Eventuell im Menü Bild Adjustments mit dem Menüpunkt Farbton-Sättigung die Farbe des Bildes an die Farbe des Designs anpassen.
   
5. Achtung je nach Situation muss man sich überlegen ob die folgenden beiden Punkte in angeführter Reihenfolge durchzuführen sind, oder ob es besser ist die Reihenfolge zu vertauschen!
   
6. Mit dem Zuschneiden-Werkzeug das Bild zurechtschneiden, sodass es die gewünschte Proportion erhält. Dabei aufpassen, dass seine Pixelgröße noch größer bleibt als benötigt. Beim Zurechtschneiden kann der Ausschnitt mit der oberen linken und unteren rechten Ecke verkleinert oder vergrößert werden, während er mit der oberen rechten und unteren linken Ecke verschoben wird. Die Aktion wird durch einen Klick ins Innere des Ausschnittes ausgeführt. Während das Zuschneide-Werkzeug benutzt wird erscheint ein Fenster in dem man die die gewünschte Breite bzw. Größe auch eintippen kann. Vor allem wenn Bilder in der Webseite nebeneinander platziert werden sollen ist natürlich nicht nur die Breite sondern auch die Höhe zu berücksichtigen. In dem Fall sollten alle Bilder die gleiche Höhe habe.
7. Jetzt muss das Bild auf die gewünschte Größe gebracht werden. Meistens ist es dabei wichtig vor allem die Breite zu beachten, da durch zu breite Bilder das Layout der Website zerstört wird.
   Im Menü Bild den Menüpunkt Image Size… (oder Scale…) aufrufen und im darauf folgenden Fenster bei Breite die gewünschte Größe in Pixel (leitet sich vom Layout ab z.B. ein Bild mit maximaler Breite der Inhaltsspalte: Breite=450-10(=Rand links)-10(=Rand rechts)=430 oder ein Bild mit 1/2 Breite der Inhaltsspalte: Breite=(450-10-10)/2=215 oder ein Bild mit 1/3 Breite der Inhaltsspalte: Breite=(450-10-10)/3=143) eingeben und die Interpolation auf Kubisch setzten.
   
8. Eventuell das Bild im Menü Filter mit dem Menüpunkt Verbessern, Unscharf Maskieren… schärfen. Einstellungen: Radius=2, Menge=0,5, Schwellwert=0.
   
9. Jetzt das Bild im Menü Datei mit Kopie speichern unter abspeichern. Im folgenden Fenster Ordner-Browser und Dateityp aufklappen. Den richtigen Ordner einstellen, einen sinnvollen Speichernamen ohne Sonderzeichen in Kleinbuchstaben eingeben und vor allem beim Dateityp JPEG-Bild wählen. Speichern, im folgenden Fenster Exportieren anklicken, im nächsten die Qualität auf circa 65 einstellen. Ok klicken, fertig. Bildfenster schließen, mit nächstem Bild weitermachen.