Hur man använder Photoshop för att ändra storlek och skärpa bilder på webben

Innehållsförteckning:

Anonim

Kämpar du med att få dina bilder att se superskarpa ut när du använder dem online? Ser de till och med suddiga ut? Oavsett om du delar dina bilder på sociala medieplattformar eller fotodelningswebbplatser som Flicker och 500px, vill du att dina bilder ska se så skarpa ut som möjligt.

De flesta fotografer stöter på webbslipningsproblem någon gång. Men visste du att de flesta av de skärpningsfrågor du upplever kommer från storleksförändringsprocessen? Om du ändrar storlek på din bild kan din bild se suddig ut och mycket mindre skarp än bilden i full storlek. Du kanske har spenderat lång tid på att bearbeta din bild så det skulle vara synd att den skulle hamna som en mindre skarp onlineversion.

I den här artikeln lär du dig de vanligaste fallgroparna för att skärpa dina bilder för webbanvändning, och ännu viktigare, hur du skärper på ett sätt som ger dig både full kontroll och bästa resultat.

Låt oss dock titta på hur man inte ändrar storlek på bilder för online-användning innan vi gräver på det bästa sättet att ändra storlek och skärpa i Photoshop.

Milford Sound Mitre Peak © Peter Dam

Hur man INTE ändrar storlek och skärper dina bilder för online-användning

För att få skarpa och snygga bilder online, undvik att ladda upp en bild i full storlek och lita på webbplatsen för att hantera storlek för dig. Du har ingen kontroll över mängden skärpning (om någon) som webbplatsens uppladdningsfunktion lägger till i din bild.

Du bör också undvika att bara använda exportdialogen i Photoshop. Även om det är bra är det inte bra. Du kan fortfarande få suddiga bilder, speciellt om det sker en dramatisk storleksförändring. Som om du vill ändra storlek på en 6000px bred bild till bara 1200px.

Undvik också att bara ändra storlek på Photoshop och låt sedan exportverktyget göra resten om du vill ha de bästa resultaten. Även om du ändrar storlek på bilden har du liten kontroll över skärpningsprocessen när du bara använder exportverktyget.

Hur du skärper dina bilder i Photoshop för bästa resultat

För att följa med, öppna en kopia av en bild som du redan har bearbetat i Photoshop, eftersom vi går igenom den bästa metoden för att ändra storlek och skärpa dina foton för online-användning.

Notera: Se till att du använder en kopia av bilden och inte originalet eftersom du kommer att ändra storlek på bilden till en mycket mindre version. Om du av misstag sparar bilden utan att byta namn på och stänga Photoshop kan du inte återställa bilden till full storlek.

Rännan © Peter Dam

Det vore logiskt att gå rakt fram och ändra storlek på din bild till den utmatningsstorlek du vill ha. Detta kommer dock inte att ge de bästa resultaten eftersom det kan vara svårt för Photoshop att ordentligt skärpa en bild som lider av kvalitetsförlust när du ändrar storleken mycket.

Ändra istället storlek i två steg och skärp mellan stegen.

Låt oss gå igenom processen steg för steg med hjälp av dimensionerna ovanifrån som ett exempel på att ändra storlek på en 6000px bred bild ner till 1200px bred.

Det första steget är att ändra storlek på din bild ner till ca. 1.6 av den slutliga utmatningsstorleken som du vill använda online. I det här fallet skulle detta vara 1,6 X 1200px = 1920px.

För att ändra storlek på din bild i Photoshop, bör du gå till Bild->Bildstorlek och ange bredden.

Detta ger dig en bild som inte har försämrats för mycket från att ändra storlek men fortfarande är relativt nära den slutliga bildstorleken.

Innan du ändrar storlek till den slutliga utmatningsstorleken bör du lägga till skärpning. Du gör detta genom att gå till Filtrera->Skärpa->Skärpa.

Om du vill hålla reda på vad varje lager gör föreslår jag att du byter namn på lagret till "Sharpened."

Efter applicering av detta första slipningsskikt, duplicera lagret. Du kan göra detta genom att trycka på CMD + J (på Mac) eller CTRL + J (på Windows).

Använd sedan en ny skärpningsrunda med hjälp av menyn Filtrera->Skärpa->Skärpa. Byt namn på detta lager till "Extra slipning."

Nu är du redo att ändra storlek till den slutliga bildstorleken. Du gör detta genom att gå till Bild->Bildstorlek och ange 1200px som bredden.

Nu när du har ändrat storleken på bilden till den slutliga utmatningsstorleken bör du se att bilden ser väldigt skarp ut när du ser den i sin faktiska storlek.

Om du tycker att det ser något överskärpt ut kan du enkelt justera det genom att bara ändra opaciteten hos det översta lagret (det som kallas "Extra slipning"). Dra ner opaciteten till cirka 60-70%.

Nu är du klar med slipningsprocessen. Du bör dock veta att det finns ytterligare problem som uppstår när du ändrar storlek på bilder.

Att skärpa en bild tenderar också att göra den lite ljusare. Om du vill ta itu med detta bör du lägga till ett nivåjusteringslager och dra mellantone punkten åt höger. Vanligtvis ändras mellantonens punkt till 0,97 för att återställa den ursprungliga ljusstyrkan. Du kan också använda ett exponeringsjusteringslager om du föredrar att använda det istället för ett nivåjusteringslager.

Färgerna i din bild lider också lite när du ändrar storlek och skärpa; det är dock inte alltid synligt. Om du tycker att din bild ser lite mindre färgstark ut nu när den har ändrats, bör du lägga till ett nyansjusteringsskikt för färgton och mättnad och lägga till lite mättnad tillbaka i bilden. Cirka +5 till +9 brukar ta din bild tillbaka till den nivå den var innan du ändrade storlek och skärpning.

Det är slutet på metoden för att ändra storlek på och skärpa på webben som används av många professionella fotografer som använder Photoshop.

Om du är bekant med att skapa Photoshop-åtgärder kan du spela in processen för att ändra storlek och skärpa bilder till de dimensioner du oftast använder online. Detta gör att du kan påskynda processen betydligt.

Exporterar din bild

Det sista steget är att exportera din bild. Du kan göra detta genom att gå till Arkiv -> Exportera -> Exportera som …

Den inställning du väljer när du exporterar din bild beror på var du vill ladda upp din bild. För vissa webbplatser, som bildgallerier eller din portföljwebbplats, är bildkvaliteten viktigare än filstorleken. Medan bloggar föredrar att ha mindre filstorlekar, men med lite lägre bildkvalitet.

En av de viktigaste sakerna, som diskuteras i den här artikeln, är att resultatet blir en skarp snygg bild. Du har redan tagit hand om detta genom att följa arbetsflödet för skärpning och storleksändring ovan, där du ändrade storlek på bilden till den utmatningsstorlek du behöver. Det betyder att du inte behöver oroa dig för att ändra storlek på bilden eller vilken resempelmetod som ska användas under export.

Det enda du behöver oroa dig för när du följer detta skärpnings- och storleksändringsarbetsflöde är att välja det filformat du vill ha och vilken kvalitet du ska använda. Filformatet kommer troligen att vara JPG.webp för webbanvändning. Inställningarna för bildkvalitet beror på om du föredrar en riktigt liten filstorlek (så att bilden laddas blixtsnabbt online) eller om du föredrar att bibehålla bästa möjliga bildkvalitet. Vanligtvis kan du sänka bildkvaliteten till 80% utan en synlig bildkvalitet. Det här är min personliga inställning för bildkvalitet. Du kan optimera filstorleken ännu mer genom att använda en lägre bildkvalitet. Jag skulle dock aldrig rekommendera att gå lägre än 50% för att få mindre filstorlekar. Det finns också några bildoptimeringswebbplatser som du kan använda, till exempel TinyJpeg.webp, som sänker filstorleken utan att kompromissa med bildkvaliteten för mycket.

Slutsats

Visserligen är det en mycket mer komplicerad metod för att ändra storlek på dina bilder än att använda den inbyggda exportfunktionen i Photoshop. Men det leder också till mycket bättre resultat. Vilken nytta använder det sig för att fånga och bearbeta en bild om den inte ser så bra ut som den kunde när du visar den online?

Vilken metod använder du för att skärpa dina bilder innan du använder dem online? Dela gärna dina tankar i kommentarerna nedan.