Bilder bearbeiten fürs Web: Schritt für Schritt-Anleitung

Zu meinem Erstaunen findet sich mit der Suche “Bilder bearbeiten”, “Fotos bearbeiten fürs Web” oder ähnlichen nahe liegenden Suchbegriffen keine einfache, Programm-unabhängige (!) Anleitung, wie man die Fotos aus der DigiCam für ein Blog oder die Homepage bearbeiten muss.

Da ich dazu immer wieder Anfragen bekomme, will ich hier die Basics der Bildbearbeitung in wenigen Schritten auflisten und erläutern. Ansprechende, Web-konforme Ergebnisse kann man erzielen, ohne erst ein Studium des umfangreichen Gebiets “Bildbearbeitung” ableisten zu müssen! Hierfür beschränke ich die Darstellung auf den Umgang mit dem immer noch häufigsten Zielformat “JPG”, das gleichzeitig auch Grund vieler fehlerhafter Bild-Uploads ist (”alles so unscharf, woran mag das wohl liegen?”).

Los geht’s:

1. Foto in einem Bildbearbeitungsprogramm öffnen (z.B. Photoshop, PaintShopPro, Ulead PhotoImpact, Corel Photo Paint, Gimp u.a.).
2. Gewünschten Bildausschnitt wählen und das Bild entsprechend beschneiden;
3. Nun die Breite des Bildes (in Pixel!) auf die Zielgröße bringen - für ein Blog zum Beispiel auf 450 Pixel. Die Höhe errechnet das Programm selber, solange die Funktion (”Proportionen beibehalten” oder ähnlich) nicht abgewählt wird. (Wieviel DPI das Bild hat, braucht uns im Web nicht mehr zu interessieren, denn der Bildschirm kennt nur Pixel und deren Anzahl geben wir ja an! Eine Umwandlung des Bildes in 72 DPI, wie sie oft empfohlen wird, ist unnötig)
4. Nun empfiehlt sich eine Tonwertkorrektur, wenn das Foto etwas flau wirkt, also insgesamt zu hell oder zu dunkel ist. Hierbei kann man die hellen, die dunklen und die mittleren Tonbereiche einzeln verändern. Mit der Tonwertkorrektur bekommt man oft befriedigenere Ergebnisse als mit “Helligkeit/Kontrast”. Evtl. jeweils ausprobieren und den Schritt zurück nehmen, falls es nicht gefällt.
5. Das Bild schärfen, falls nötig - und oft ist das wirklich nötig, wenn ein Foto deutlich verkleinert wurde wie in unserem Beispiel.
6. Evtl. auch die Sättigung der Farben verstärken, es aber nicht übertreiben!
7. Nun fürs Web im Format JPG abspeichern: Achtung, JPG ist ein Format, dass die Daten des Bildes komprimiert - und zwar mit (beabsichtigten) Verlusten. Die Bildbearbeitungsprogramme bieten unterschiedliche Skalen für die gewünschte Datenreduktion: in Worten, Zahlen oder Prozent. Man kann die gewünschte Reduktion einstellen, z.B. “medium” oder “45%”. Öffnet man das abgespeicherte Bild erneut und speichert es ein weiteres Mal, wird es erneut reduziert: bei jedem Speichern wird es also unschärfer und zeigt auch die typischen JPG-Schlieren an Rändern und Buchstaben. Also IMMER erst fertig bearbeiten, dann nur EINMAL abspeichern! Welche Reduktionsrate man wählt, muss man ausprobieren: es sollte noch gut und scharf aussehen, jedoch “klein genug” werden, um keine langen Ladezeiten zu benötigen (nicht alle haben DSL!). Ich speichere meine Bilder für Blogs meist in Größen zwischen 30 und 50 Kb).
8. Und das war es schon! (Im wilden Gartenblog zeige ich das Ganze anhand der Bildbearbeitung von Pflanzenfotos - allerdings OHNE das Thema Abspeichern).

Sollte ich etwas Wichtiges vergessen haben, freu’ ich mich über Hinweise in den Kommentaren!

(Updated 22.30)

...oder abonniere den Newsfeed.

Freitag, 17. Juli 2009, 14:12 Uhr. Thema: Allgemein, So geht's: Tipps & Tutorials.
Du kannst die Kommentare zu diesen Eintrag als Newsfeed abonnieren, einen Kommentar schreiben, oder einen Trackback auf deiner Seite einrichten. | Sofern du sie nutzt, freue ich mich über Bookmarks bei: