Så här exporterar du JPG-filer till webben från Adobe Photoshop Lightroom

Kanske den största glädjen av fotografi delar ditt arbete med andra och visar dina skapelser. Vägen till att få bilden på nätet kan dock vara svår. I den här handledningen visar jag dig hur du exporterar webbklippta bilder med de bästa resultaten.

Kompressionsdansen

Oavsett om dina bilder laddas på en webbplats eller skickas till familj och vänner, krävs komprimering. Att skapa bilder för begränsad kapacitet på webben innebär att man väger avvägningen mellan bildens kvalitet och bildens storlek. Eftersom vår bildkvalitet ökar, så gör också filens filstorlek.

En viktig del av utformningen för webben är övervägande av användarupplevelse (Tuts + har en fantastisk kurs på UX, om du är intresserad) eller prioriterar tittarens förmåga att bekvämt visa och navigera på webbplatsen. Snabbladsbelastningar, som delvis bestäms av webbsidans filstorlek, är en stor del av användarupplevelsen. Bilderna är nu 62% av vikten av webbtrafik. Att behålla bilder som är små i filstorlek hjälper till att ladda ner webbplatser snabbt.

Som fotografer pressar vi ständigt mot denna barriär. Vi vill ha stora, härliga bilder. Och även om vi vill att våra bilder ska dyka upp på webben, vill du inte tvinga långsam belastningstid på någon. Balansen är nyckeln.

När vi exporterar bilder till webben från Adobe Photoshop Lightroom, måste vi överväga två viktiga aspekter: storlek och kvalitet.

Exportera i Lightroom

Innan vi dyker in på att optimera vår export, låt oss gå igenom en grundläggande export i Lightroom. 

Välj en bild

För att börja exportera, välj en bild eller serie bilder att exportera. Jag föredrar att välja de bilder jag vill exportera från filmremsan. När du har valt bilderna som ska exporteras kan du högerklicka på Windows eller kontrollera + klicka på Mac för att välja Exportera> Exportera från den kontextuella menyn.

Om du vill exportera en bild väljer du Exportera> Exportera från snabbmenyn.

Efter att ha startat exporten visas ett nytt fönster med olika alternativ. Låt oss ta en titt på de nyckelinställningar du väljer med varje export.

Exportera Plats

Exportplatsen anger var de färdiga bilderna sparas. Du kan välja en mapp i rullgardinsmenyn och markera rutan "Lägg i undermapp" om du vill att bilderna placeras i samma mapp.

Filnamn

Varje export kan också innehålla egna namnnamn. Om du håller dig till standardalternativet kommer dina bilder att ha samma namn som originalfilerna, men sparas som en standard bildtyp, precis som JPEG. Du kan också kryssa rutan "Rename to" och välj en av de många namnnamnmallar som Lightroom erbjuder för att anpassa de exporterade bilderna.

Filinställningar

Filinställningspanelen är en som vi diskuterar lite mer djup när vi försöker hitta balans mellan kvalitet och filstorlek. På denna skärm, här är mina förslag på varje alternativ:

  • Bildformat: nästan alltid JPEG, särskilt om bilderna är bundna till webben
  • Färg rymd: alltid sRGB
  • Kvalitet: Med denna skjutreglage kan du välja kvaliteten på bilden som exporteras. ett lågt antal är en låg kvalitet, liten fil; Genom att dra skjutreglaget åt höger ökar både bildkvaliteten och filstorleken
  • Begränsa filstorlek till: Vi kan också kontrollera alternativet "gränsfilstorlek" för att sätta en gräns för filstorleken på den sparade bilden

Bildstorlek

Bildstorlek är en annan panel som styr storleken på våra bilder. Du kan välja dimensionerna samt DPI för dina exporterade bilder.

Exportera till webben

När det kommer till att balansera mellan filstorlek och bildkvalitet är här viktiga saker att tänka på:

Storlek

Den första delen av en effektiv export är att överväga bildens storlek på webben. Storleken på en bild är bildens faktiska pixeldimensioner.

När dina bilder kommer ut ur kameran är deras dimensioner enorma. Exempelvis mäter 22 megapixelbilder från Canon 5D Mark III ut till 5760 × 3840 pixlar. Dock är skärmen på min bärbara dator bara 1440 x 900 pixlar. Se problemet? Faktor i det faktum att webbbilderna är mindre än bredden på våra bildskärmar och behovet av att ändra storlek är tydlig.

Du kan visa de rätta dimensionerna för en bild i Lightroom genom att trycka på "i" på tangentbordet. Det kommer att visa pixeldimensionerna för bilden som tagits. Du kan se här att bilder som kommer ut ur kameran blir mycket större än vad som är nödvändigt för webben, där bilderna är vanligtvis 1000 pixlar breda eller mindre.

För tutorials på Tuts +, omvandlas våra bilder till 600 pixlar och har en maximal filstorlek på 200 kilobytes. Detta garanterar en snabb belastning och för de flesta gör jobbet. Om du läser den här sidan på din smartphone är chansen bra, det laddas ganska snabbt, även om du hade en långsam anslutning.

Mitt favorit sätt att exportera bilder från Lightroom är att välja "Ändra storlek för att passa -> Lång kant" i exportdialogen. Detta gör att alla bilder ska vara 600 pixlar på sin största sida, oavsett om det är porträtt eller landskapsorienterat. Den andra sidan beräknas automatiskt. Detta är ett bra alternativ när jag exporterar för Tuts +, där alla bilder är 600 pixlar på långsidan.

Kvalitet

I en perfekt värld kunde vi alltid exportera bilder med högsta kvalitet. I själva verket upptäcker vi att export av högsta kvalitet inte alltid behövs. Vid webbstorlekar är skillnaderna i kvalitet ofta svåra att uppfatta, och det betyder att vi kan släppa kvaliteten något och minska filstorleken kraftigt.

På övre änden av kvalitetsskalan är det avtagande avkastning. Skillnaden i uppfattad kvalitet mellan en kvalitetsinställning av 90 och 100 är svår att se, men det ökar filstorleken avsevärt.

Ovanstående bild visar jämförelsen i kvalitet med de olika reglageinställningarna. I den lägsta kvalitetsinställningen kan du definitivt se lite banding i himlen. När kvaliteten ökar, så blir detaljnivået i trädgården och hemmet, men det kommer på bekostnad av en större fil som visas nedan.
Ljuskvalitetsinställning Bildfilstorlek vid export
25 91kb
50 122kb
75 168kb
100 366kb

Med tanke på ovanstående resultat skulle jag sannolikt välja export av 75 kvalitet. Det slår upp rätt balans mellan kvalitet och passande Tuts + gräns på 200kb bilder.

Inbäddade profiler för webben

Ett viktigt kontrollsteg för att exportera bilder på webben är att inkludera rätt färgprofil i din export. Daniel Sone har en bra skrivning på Tuts + allt om färgutrymmen, men för att exportera i Lightroom, se till att vi lägger in sRGB-färgprofilen.

När jag exporterar till webben ser jag alltid till att jag har valt "sRGB" som mitt färgutrymme för bästa resultat.

Förinställningar för export

Även när du exporterar till webben finns det ett antal olika scenarier som påverkar dina inställningar. Även om vi optimerar för filstorlek, finns det tillfällen att bilder med högre kvalitet eller högre upplösning krävs. Därför är exportförinställningar oerhört användbara. Du kan bygga flera olika alternativ och använda dem för olika målstorlekar.

I exportfönstret är det mycket enkelt att spara dina nuvarande inställningar för export. När du har valt alla dina exportinställningar trycker du på "+" -knappen och sparar dina nätverksinställningar.

När du har lagt till dina ändrings- och kvalitetsregler, glöm inte att spara några "Export Presets" genom att trycka på Lägg till. Det kommer att rädda alla dina regler; Jag rekommenderar att du bygger flera för dina olika webbmål.

The Take Away

I denna handledning lärde du dig några bra metoder och idéer för effektiv export för webben. Att komprimera dina bilder på webben säkerställer att tittarna laddar dem snabbt. Med rätt inställningar kan vi fortfarande behålla hög kvalitet.