JPG's voor het web exporteren vanuit Adobe Photoshop Lightroom

Misschien is de grootste vreugde van fotografie het delen van je werk met anderen en het tonen van je creaties. Het pad naar het online verkrijgen van de afbeelding kan echter moeilijk zijn. In deze zelfstudie laat ik u zien hoe u webklare afbeeldingen exporteert met de beste resultaten.

De compressiedans

Of uw afbeeldingen nu op een website worden geladen of per e-mail worden verzonden naar familie en vrienden, compressie is noodzakelijk. Het maken van afbeeldingen voor de beperkte capaciteiten van het web betekent een afweging tussen de kwaliteit van het beeld en de bestandsgrootte van het beeld. Naarmate onze beeldkwaliteit toeneemt, neemt ook de bestandsgrootte van de afbeelding toe.

Een belangrijk onderdeel van ontwerpen voor het web is de overweging van gebruikerservaring (Tuts + heeft een fantastische cursus over UX, als je geïnteresseerd bent), of geeft prioriteit aan het vermogen van de kijker om de site gemakkelijk te bekijken en te navigeren. Het snel laden van een pagina, die gedeeltelijk wordt bepaald door de bestandsgrootte van de webpagina, vormt een groot deel van de gebruikerservaring. Afbeeldingen zijn nu 62% van het gewicht van het internetverkeer. Door afbeeldingen in bestandsgrootte klein te houden, kunnen sites snel worden geladen.

Als fotografen duwen we voortdurend tegen deze barrière. We willen grote, glorieuze foto's. En hoewel we willen dat onze afbeeldingen geweldig lijken op internet, wilt u geen langzame laadtijden voor iemand afdwingen. Balans is de sleutel.

Wanneer we afbeeldingen voor het web exporteren vanuit Adobe Photoshop Lightroom, moeten we twee belangrijke aspecten overwegen: grootte en kwaliteit.

Exporteren in Lightroom

Voordat we ingaan op het optimaliseren van onze export, kunnen we eerst een eenvoudige export in Lightroom bekijken. 

Kies een afbeelding

Om een ​​export te beginnen, kiest u een afbeelding of serie afbeeldingen om te exporteren. Ik kies liever de afbeeldingen die ik wil exporteren uit de filmstrip. Nadat u de afbeeldingen hebt geselecteerd om te exporteren, kunt u met de rechtermuisknop klikken op Windows of op Control + klikken op Mac om te kiezen Exporteren> Exporteren uit het contextuele menu.

Als u een afbeelding wilt exporteren, kiest u Exporteren> Exporteren in het contextmenu.

Na het starten van de export verschijnt een nieuw venster met een verscheidenheid aan opties. Laten we eens kijken naar de belangrijkste instellingen die u bij elke export kiest.

Locatie exporteren

De exportlocatie geeft aan waar de voltooide afbeeldingen worden opgeslagen. U kunt een map kiezen uit de vervolgkeuzelijst en het vakje "Zet in submap" aanvinken als u wilt dat de afbeeldingen allemaal in dezelfde map worden geplaatst.

Bestandsnaamgeving

Elke export kan ook zijn eigen instellingen voor hernoemen bevatten. Als u zich aan de standaardoptie houdt, hebben uw afbeeldingen dezelfde naam als de originele bestanden, maar worden ze opgeslagen als een standaard afbeeldingstype, net als JPEG. U kunt ook het vak "hernoemen naar" aanvinken en een van de vele hernoemende sjablonen kiezen die Lightroom aanbiedt om de geëxporteerde afbeeldingen aan te passen.

Bestandsinstellingen

Het paneel voor bestandsinstellingen zal we een beetje dieper ingaan wanneer we proberen de balans te vinden tussen kwaliteit en bestandsgrootte. Op dit scherm zijn hier mijn suggesties voor elke optie:

  • Beeldformaat: bijna altijd JPEG, vooral als de afbeeldingen gebonden zijn voor het web
  • Kleur ruimte: altijd sRGB
  • Kwaliteit: Met deze schuifregelaar kunt u de kwaliteit van de afbeelding kiezen die wordt geëxporteerd; een laag getal is een klein bestand van lage kwaliteit; door de schuifregelaar naar rechts te slepen, worden zowel de beeldkwaliteit als de bestandsgrootte vergroot
  • Beperk bestandsgrootte tot: We kunnen ook de optie "limiet bestandsgrootte" controleren om een ​​limiet aan te brengen voor de bestandsgrootte van de opgeslagen afbeelding

Beeldformaat

Beeldformaat is een ander paneel dat de grootte van onze afbeeldingen bepaalt. U kunt zowel de dimensies als de DPI van uw geëxporteerde afbeeldingen kiezen.

Exporteren voor het web

Als het gaat om het vinden van de balans tussen bestandsgrootte en beeldkwaliteit, zijn dit de belangrijkste dingen om te overwegen:

Grootte

Het eerste deel van een efficiënte export is om rekening te houden met de grootte van de afbeelding op het web. De grootte van een afbeelding is de werkelijke pixelafmetingen van de afbeelding.

Wanneer uw afbeeldingen uit de camera komen, zijn hun afmetingen enorm. De 22 megapixel-beelden van de Canon 5D Mark III meten bijvoorbeeld tot 5760 × 3840 pixels. Het scherm van mijn laptop is echter slechts 1440 x 900 pixels. Zie het probleem? Factor in het feit dat webafbeeldingen opnieuw kleiner zijn dan de breedte van onze monitoren en dat de noodzaak voor het wijzigen van de grootte duidelijk is.

U kunt de onbewerkte dimensies van een afbeelding in Lightroom weergeven door op "i" op het toetsenbord te drukken. Het toont de pixelafmetingen van de opgenomen afbeelding. U kunt hier zien dat afbeeldingen die uit de camera komen veel groter zijn dan nodig is voor het web, waarbij afbeeldingen doorgaans 1000 pixels breed of minder zijn.

Voor tutorials op Tuts + zijn onze afbeeldingen verkleind tot 600 pixels en hebben ze een maximale bestandsgrootte van 200 kilobytes. Dit zorgt voor een snelle lading en, voor de meeste mensen, doet dit het werk. Als u deze pagina op uw smartphone leest, is de kans groot dat deze snel wordt geladen, zelfs als u een trage verbinding had.

Mijn favoriete manier om afbeeldingen vanuit Lightroom te exporteren, is door in de exportdialoog de optie "Formaat aanpassen aan -> Lange zijde" te kiezen. Hiermee worden alle afbeeldingen op 600 pixels op hun grootste zijde geplaatst, of het nu staand of liggend is. De andere kant wordt automatisch berekend. Dit is een geweldige optie wanneer ik exporteer voor Tuts +, waarbij alle afbeeldingen 600 pixels aan de lange kant zijn.

Kwaliteit

In een perfecte wereld konden we afbeeldingen altijd exporteren met maximale kwaliteit. In werkelijkheid ontdekken we dat export van maximale kwaliteit niet altijd nodig is. Bij webformaten zijn de kwaliteitsverschillen vaak moeilijk waar te nemen en dat betekent dat we de kwaliteit enigszins kunnen laten vallen en de bestandsgrootte aanzienlijk kunnen verminderen.

Aan de bovenkant van de kwaliteitsschaal zijn de rendementen afnemend. Het verschil in waargenomen kwaliteit tussen een kwaliteitsinstelling van 90 en 100 is moeilijk te zien, maar het vergroot de bestandsgrootte aanzienlijk.

De bovenstaande afbeelding toont de vergelijking in kwaliteit met de verschillende schuifregelaarinstellingen. In de laagste kwaliteitsinstelling kun je zeker wat strepen in de lucht zien. Naarmate de kwaliteit toeneemt, neemt ook het detailniveau in de boomtoppen en het huis toe, maar dit gaat ten koste van een groter bestand, zoals hieronder wordt weergegeven.
Instelling van de lichte kamer Afbeeldingsbestandgrootte bij exporteren
25 91kb
50 122kb
75 168kb
100 366kb

Gezien de bovenstaande resultaten zou ik waarschijnlijk de export van 75 kwaliteit selecteren. Het treft de juiste balans tussen kwaliteit en passende Tuts + limiet van 200 KB-afbeeldingen.

Ingesloten profielen voor internet

Een belangrijke controlestap voor het exporteren van afbeeldingen voor internet is het opnemen van het juiste kleurprofiel in uw exports. Daniel Sone heeft een goede beschrijving van Tuts + alles over kleurruimten, maar om te exporteren in Lightroom, moet je ervoor zorgen dat we het sRGB-kleurprofiel insluiten.

Bij het exporteren voor internet, zorg ik altijd dat ik 'sRGB' heb geselecteerd als mijn kleurruimte voor de beste resultaten.

Voorinstellingen voor exporteren

Zelfs wanneer u exporteert voor internet, zijn er een aantal verschillende scenario's die van invloed zijn op uw instellingen. Hoewel we ons optimaliseren voor de bestandsgrootte, zijn er gelegenheden dat afbeeldingen van hogere kwaliteit of een hogere resolutie vereist zijn. Daarom zijn exportvoorinstellingen ongelooflijk handig; je kunt verschillende opties bouwen en ze gebruiken voor de verschillende doelgroottes.

In het exportvenster is het heel eenvoudig om uw huidige instellingen voor export op te slaan. Nadat u al uw exportinstellingen hebt gekozen, drukt u op de knop "+" en slaat u uw voor het web bruikbare presets op.

Nadat je je resize- en kwaliteitsregels hebt toegevoegd, vergeet dan niet om een ​​aantal "Export Presets" op te slaan door op Toevoegen te drukken. Het zal al je regels redden; Ik raad aan om er meerdere te bouwen voor uw verschillende webdoelen.

De Take Away

In deze zelfstudie hebt u enkele praktische tips en ideeën voor efficiënt exporteren voor internet geleerd. Als u uw afbeeldingen comprimeert voor internet, zorgt u ervoor dat kijkers ze snel laden. Met de juiste instellingen kunnen we nog steeds hoge kwaliteit handhaven.