Share
Die größte Freude an der Fotografie besteht vielleicht darin, Ihre Arbeit mit anderen zu teilen und Ihre Kreationen zu präsentieren. Der Weg, das Bild online zu stellen, kann jedoch schwierig sein. In diesem Tutorial zeige ich Ihnen, wie Sie webfähige Bilder mit den besten Ergebnissen exportieren.
Unabhängig davon, ob Ihre Bilder auf eine Website geladen oder an Familie und Freunde per E-Mail gesendet werden, ist eine Komprimierung erforderlich. Das Erstellen von Bildern für die beschränkten Kapazitäten der Bahn bedeutet das Abwägen zwischen der Bildqualität und der Dateigröße des Bildes. Mit steigender Bildqualität steigt auch die Dateigröße des Bildes.
Ein wichtiger Aspekt bei der Gestaltung des Internets ist die Berücksichtigung der Benutzererfahrung (Tuts + bietet einen fantastischen UX-Kurs, falls Sie daran interessiert sind) oder priorisiert die Fähigkeit des Betrachters, die Website bequem anzuzeigen und zu navigieren. Das schnelle Laden von Seiten, das zum Teil von der Dateigröße der Webseite bestimmt wird, ist ein großer Teil der Benutzererfahrung. Bilder machen jetzt 62% des Gewichts des Webverkehrs aus. Wenn Sie die Dateigröße der Bilder klein halten, wird das Laden von Websites erheblich beschleunigt.
Als Fotografen drängen wir uns ständig gegen diese Barriere. Wir wollen große, herrliche Bilder. Und obwohl wir möchten, dass unsere Bilder großartig im Web erscheinen, möchten Sie niemandem langsame Ladezeiten aufzwingen. Balance ist der Schlüssel.
Beim Exportieren von Bildern für das Web aus Adobe Photoshop Lightroom müssen wir zwei Hauptaspekte berücksichtigen: Größe und Qualität.
Bevor wir uns mit der Optimierung unserer Exporte beschäftigen, wollen wir einen grundlegenden Export in Lightroom durchgehen.
Um einen Export zu beginnen, wählen Sie ein Bild oder eine Bildserie aus, die Sie exportieren möchten. Ich ziehe es vor, die Bilder auszuwählen, die ich aus dem Filmstreifen exportieren möchte. Nachdem Sie die zu exportierenden Bilder ausgewählt haben, können Sie mit der rechten Maustaste auf Windows klicken oder bei gedrückter Mac-Taste auswählen Exportieren> Exportieren aus dem Kontextmenü.
Um ein Bild zu exportieren, wählen Sie im Kontextmenü den Befehl Exportieren> Exportieren.Nach dem Start des Exports erscheint ein neues Fenster mit einer Vielzahl von Optionen. Sehen wir uns die wichtigsten Einstellungen an, die Sie bei jedem Export auswählen.
Der Exportort gibt an, wo die fertigen Bilder gespeichert werden. Sie können einen Ordner aus der Dropdown-Liste auswählen und das Kontrollkästchen "In Unterordner ablegen" aktivieren, wenn Sie möchten, dass alle Bilder in demselben Ordner abgelegt werden.
Jeder Export kann auch eigene Umbenennungseinstellungen enthalten. Wenn Sie sich an die Standardoption halten, haben Ihre Bilder denselben Namen wie die Originaldateien, sie werden jedoch wie JPEG als Standardbildtyp gespeichert. Sie können auch das Kästchen "Umbenennen in" markieren und eine der zahlreichen Umbenennungsvorlagen auswählen, die Lightroom anbietet, um die exportierten Bilder anzupassen.
In den Dateieinstellungen werden wir ein wenig ausführlicher besprechen, wenn wir versuchen, die Ausgewogenheit von Qualität und Dateigröße zu erreichen. Hier sind meine Vorschläge für jede Option:
Die Bildgröße ist ein weiteres Bedienfeld, das die Größe unserer Bilder steuert. Sie können die Abmessungen sowie die DPI-Werte Ihrer exportierten Bilder auswählen.
Wenn es darum geht, die Balance zwischen Dateigröße und Bildqualität zu finden, sollten Sie Folgendes beachten:
Der erste Teil eines effizienten Exports besteht darin, die Größe des Bildes im Web zu berücksichtigen. Die Größe eines Bildes entspricht den tatsächlichen Pixelabmessungen des Bildes.
Wenn Ihre Bilder die Kamera verlassen, sind ihre Abmessungen enorm. Zum Beispiel messen die 22-Megapixel-Bilder der Canon 5D Mark III 5760 × 3840 Pixel. Der Bildschirm meines Laptops ist jedoch nur 1440 x 900 Pixel groß. Sehen Sie das Problem? Die Tatsache, dass Webbilder wieder kleiner sind als die Breite unserer Monitore und die Notwendigkeit einer Größenänderung ist offensichtlich.
Sie können die Rohabmessungen eines Bildes in Lightroom anzeigen, indem Sie die Taste "i" drücken. Es werden die Pixelabmessungen des aufgenommenen Bildes angezeigt. Sie können hier sehen, dass Bilder, die aus der Kamera kommen, viel größer sind, als für das Web erforderlich ist, wo Bilder normalerweise 1000 Pixel oder weniger breit sind.Für Tutorials zu Tuts + werden unsere Bilder auf 600 Pixel verkleinert und haben eine maximale Dateigröße von 200 Kilobyte. Dies sorgt für eine schnelle Ladung und für die meisten Leute ist dies die Aufgabe. Wenn Sie diese Seite auf Ihrem Smartphone lesen, stehen die Chancen gut, dass sie ziemlich schnell geladen werden, selbst wenn Sie eine langsame Verbindung hatten.
Meine Lieblingsmethode zum Exportieren von Bildern aus Lightroom ist die Option "Größe anpassen -> Lange Kante" im Exportdialogfeld. Dadurch werden alle Bilder auf der größten Seite mit 600 Pixeln dargestellt, unabhängig davon, ob sie im Hoch- oder Querformat sind. Die andere Seite wird automatisch berechnet. Dies ist eine großartige Option, wenn ich Tuts + exportiere, bei dem alle Bilder auf der langen Seite 600 Pixel lang sind.In einer perfekten Welt könnten wir Bilder immer in höchster Qualität exportieren. In der Realität stellen wir fest, dass Exporte von höchster Qualität nicht immer erforderlich sind. Bei Webgrößen sind die Qualitätsunterschiede oft nur schwer zu erkennen. Dies bedeutet, dass wir die Qualität leicht verringern und die Dateigröße stark reduzieren können.
Am oberen Ende der Qualitätsskala gibt es abnehmende Erträge. Der Unterschied in der wahrgenommenen Qualität zwischen einer Qualitätseinstellung von 90 und 100 ist schwer zu erkennen, erhöht jedoch die Dateigröße erheblich.
Das obige Bild zeigt den Qualitätsvergleich mit den verschiedenen Schiebereglereinstellungen. In der niedrigsten Qualitätseinstellung können Sie definitiv Streifen am Himmel sehen. Mit steigender Qualität steigt auch der Detailgrad in den Baumkronen und im privaten Bereich, jedoch kostet dies eine größere Datei, wie unten gezeigt.| Lichtqualitätseinstellung | Bilddateigröße beim Export |
|---|---|
| 25 | 91 kb |
| 50 | 122 kb |
| 75 | 168 kb |
| 100 | 366 kb |
In Anbetracht der obigen Ergebnisse würde ich wahrscheinlich den Export von 75 Qualität wählen. Es erreicht die richtige Balance zwischen Qualität und passendem Tuts + Limit von 200kb Bildern.
Ein wichtiger Prüfschritt für den Export von Bildern für das Internet besteht darin, das richtige Farbprofil in Ihre Exporte aufzunehmen. Daniel Sone hat eine großartige Übersicht über Tuts + alles über Farbräume. Um jedoch in Lightroom exportieren zu können, müssen Sie das sRGB-Farbprofil einbetten.
Beim Exportieren für das Internet stelle ich immer sicher, dass ich "sRGB" als Farbraum für beste Ergebnisse ausgewählt habe.Auch beim Exportieren für das Internet gibt es verschiedene Szenarien, die sich auf Ihre Einstellungen auswirken. Auch wenn wir die Dateigröße optimieren, kann es vorkommen, dass Bilder mit höherer Qualität oder Auflösung erforderlich sind. Aus diesem Grund sind Exportvoreinstellungen unglaublich nützlich. Sie können verschiedene Optionen erstellen und für die verschiedenen Zielgrößen verwenden.
Das Speichern Ihrer aktuellen Einstellungen für den Export ist im Exportfenster sehr einfach. Nachdem Sie alle Exporteinstellungen ausgewählt haben, drücken Sie die Taste "+" und speichern Sie Ihre webfertigen Voreinstellungen.
Vergessen Sie nicht, einige "Exportvorgaben" zu speichern, indem Sie auf Hinzufügen klicken, nachdem Sie Ihre Größen- und Qualitätsregeln hinzugefügt haben. Es werden alle Regeln gespeichert. Ich empfehle, mehrere für Ihre verschiedenen Webziele zu erstellen.In diesem Tutorial haben Sie einige Best Practices und Ideen für den effizienten Export für das Web kennen gelernt. Durch die Komprimierung Ihrer Bilder für das Web wird sichergestellt, dass die Zuschauer sie schnell laden. Mit den richtigen Einstellungen können wir trotzdem eine hohe Qualität aufrechterhalten.
Accentsconagua