Das Web lebt von Bildern - gut gemachte und für das Web optimierte Fotos und Grafiken. In unserem Bildbearbeitungs-Leitfaden zeigen wir Ihnen, wie Sie Bilder für die Veröffentlichung im Web erstellen und bearbeiten.
Sie wollen Bilder im Web veröffentlichen, ohne Bildbearbeitungs-Profi zu sein? Das müssen Sie auch nicht - wir führen Sie in die wichtigsten Grundlagen der Bearbeitung und Veröffentlichung von Fotos und Grafiken im Web ein.
Die Inhalte:
Wir zeigen, wie Sie die passenden Bilder für Ihre Website
auswählen - egal, ob Sie selber fotografieren oder Bilder bei Bildagenturen kaufen. Dabei geht es um Dinge wie Motiv und Farbgebung eines Bildes. Wir informieren Sie aber auch über die rechtliche Seite - damit Marken-und Urheberrecht Ihnen nicht die Freude am Bild verderben.
Im nächsten Schritt erklären wir, wie Sie die Bilder so bearbeiten,
dass sie vom Format und der Größe her für das Web passen und sowohl Farbe als auch Helligkeit ansprechend wirken.
Schließlich geht es auch um weitere praktische Aufgaben der Bildbearbeitung: die Erstellung von Diagrammen und Bannern speziell für Webseiten und die Einbettung von Grafiken in HTML-Code.
Damit Sie wirklich von dem Leitfaden profitieren und das Wissen nicht nur Theorie bleibt, finden Sie zusätzlich viele Aufgaben zur Lernkontrolle vor, die Ihnen bei der Umsetzung in die Praxis helfen - natürlich mit Lösungshinweisen.
Wie die einzelnen Schritte der Grafikbearbeitung vorgenommen werden, zeigen wir jeweils anhand der beiden Programme Corel PaintShop Photo Pro und Photoshop CS. Sie brauchen aber nicht unbedingt eines dieser Profi-Bildbearbeitungsprogramme, um die Arbeitsschritte nachvollziehen zu können - fast alles ist auch mit einem einfacheren und günstigeren Grafikprogramm wie beispielsweise Photoshop Elements machbar. Sie können auch kostenlose Programme wie "The Gimp" nutzen.
Inhaltsverzeichnis
-
Bilder für meine Website
Beurteilung von Bildern nach rechtlichen und formalen Aspekten für die Illustration von redaktionellen und werblichen Internet-Angeboten. Grundlegende Bearbeitungsschritte wie drehen, skalieren, konvertieren.
-
Wo bekommt man Bilder für die Webseite her?
Bevor Sie Bilder ins Internet stellen, stellt sich die Frage, wo Sie diese herbekommen. Die Entscheidung sollten Sie davon abhängig machen, wie viel Geld Sie für die Bilder ausgeben möchten, wie gut Sie rechtlich bewandert sind und vor allem, um welche Art von Bildern es geht.
-
Bilder nach formalen Aspekten auswählen
Nicht jedes Bild ist gleichermaßen für die Verwendung im Internet geeignet. Hier erfahren Sie, worauf Sie achten müssen, welche Bilder bzgl. Bildaufbau besonders gut und professionell rüber kommen und welche Dateiformate überhaupt in Frage kommen.
-
Bilder bearbeiten: Grundlagen
Grundlegende Arbeitsschritte für Bilder wie das Festlegen des Farbraums, Skalierung und der Beschnitt.
-
Bildbearbeitung fürs Web: Korrekturen und Optimierungen
Fotos im Detail bearbeiten, rote Augen entfernen, Flecken und unschöne Details wegstempeln, Farb- und Helligkeitskorrekturen vornehmen
-
Bilder drehen und spiegeln
Hochformat-Bilder korrekt drehen, Bilder spiegeln und kippen
-
Bildfehler beheben: Horizont gerade rücken, Perspektive entzerren, Flecken wegstempeln
Viele Bildfehler, wie schiefe Horizonte, Verzerrungen etc., blasse Farben, fehlende Kontraste und ähnliches lassen sich recht leicht am PC beheben. Solche Korrekturen werten Bilder deutlich auf.
-
Helligkeit, Kontrast und Farbe
Helligkeit, Kontrast und Farbsättigung sind entscheidend für den Eindruck, den ein Bild auf den Betrachter macht. Daher ist es wichtig die Helligkeitsverteilung beurteilen und anpassen zu können und auch Kontrast und Farbe beeinflussen zu können.
-
Bilder nachschärfen
Unscharfe Bilder fallen auch im Web negativ auf, vor allem, wenn Sie sie stark verkleinern müssen. Daher sollten Sie Miniaturansichten von Galerien und andere stark verkleinerte Bilder unbedingt nachschärfen.
-
Bearbeitungsschritte automatisieren
Vieles lässt sich automatisieren, vor allem wenn es um Standardbearbeitungsschritte wie Rauschunterdrückung, Farb- und Helligkeitskorrektur geht. Das ist besonders hilfreich, wenn Sie viele Bilder bearbeiten müssen und nicht die Zeit haben, sich mit jedem einzelnen individuell auseinander zu setzen. Auch eine automatische Umbenennung und Konvertierung in neue Dateitypen ist möglich.
-
Grafik-Praxis: Zeichnungen, Banner, HTML-Veröffentlichung
Zeichnungen und Diagramme erstellen, Linienstärke und Härte auswählen, Banner erstellen, Bilder in die eigene Webseite einbinden, Texte hinzufügen, Bilder formatieren, Bilder mit Hyperlinks versehen.
-
Praxis: Ein Seitenbanner gestalten
Seitenbanner sind das auffälligste an einer Website und sollten daher auch entsprechend schön und exakt gestaltet sein. Dazu bieten sich Fotos an, die in eine einheitliche Farbe oder einen Farbverlauf auslaufen.
-
Diagramme und Grafiken erstellen
In diesem Abschnitt lernen Sie, Diagramme und Zeichnungen zu erstellen und diese ansprechend und gut leserlich zu beschriften.
-
Einfügen der Bilder in eine Webseite
Die Bilder zu erstellen genügt natürlich nicht. Sie müssen sie auch in Ihre Website einfügen. Die meisten Webeditoren beherrschen das per Drag & Drop, falls nicht, könnten Sie da jedoch auch durch Eingabe des passenden HTML-Codes erreichen, bspw. in einem Texteditor Ihrer Wahl. In diesem Kapitel erfahren Sie, wie Sie Bilder in Ihre Website einfügen und mit Hyperlinks versehen.
-
Zusammenfassung, Checklisten und Lösungen
Hier wird in aller Kürze noch einmal das Wichtigste aus den vorangegangenen Lektionen wiederholt. Außerdem finden Sie hier Hinweise zur Lösung der Aufgaben zur Lernkontrolle.
Adobe RGB hat mehr Farben als sRGB
Selbst,wenn man das Farbvolumen in Voxel nimmt ist der Adobe Farbraum größer als sRGB.