Vill du ha bästa resultat när du ändrar storlek på bilder i Photoshop? Börja med att lära dig allt om pixlar, bildstorlek och upplösning!
I den här handledning kommer jag att presentera tre viktiga ämnen som är viktiga för att arbeta med digitala bilder i Photoshop, och dessa är pixlar, bildstorlek och bildupplösning . Att ha en solid förståelse för hur pixlar, bildstorlek och upplösning är relaterade till varandra är avgörande för att få bästa resultat när du ändrar storlek på bilder, både för utskrift och för webben.
Vi börjar med att lära oss om pixlar, de grundläggande byggstenarna för alla digitala bilder. Sedan lär vi oss hur pixlar är relaterade till bildstorlek. Och vi avslutar med att lära oss hur bildstorlek och bildupplösning fungerar tillsammans för att kontrollera utskriftsstorleken på din bild! Vi debiterar till och med en populär övertygelse om att upplösning har något att göra med filstorleken på din bild.
Vi kommer att lära oss allt om storleksändring i senare lektioner i det här kapitlet. Låt oss börja i början med att lära oss om pixlar, bildstorlek och upplösning!
Vad är pixlar?
Termen pixel är förkortning för "bildelement", och pixlar är de små byggstenarna som utgör alla digitala bilder. Liksom hur en målning är gjord av enskilda penseldrag, görs en digital bild av enskilda pixlar.
När du tittar på en bild på en normal zoomnivå (100% eller mindre) i Photoshop är pixlarna vanligtvis för små för att se dem. Istället ser vi hur det ser ut som en kontinuerlig bild, med ljus, skuggor, färger och strukturer som smälter samman för att skapa en scen som ser ut som den skulle i den verkliga världen (bild från Adobe Stock):
En digital bild som är öppen i Photoshop. Bildkredit: Adobe Stock.
En närmare titt på pixlar
Men som alla bra magiska trick, det vi ser är en illusion. Och för att bryta illusionen behöver vi bara titta närmare. För att se de enskilda pixlarna i en bild behöver vi bara zooma in. Jag väljer zoomverktyget från verktygsfältet:
Välja zoomverktyget.
Sedan klickar jag några gånger på ett av kvinnans ögon för att zooma in på det. Varje gång jag klickar zooma jag in närmare. Och om jag zooma in tillräckligt nära börjar vi se att det som såg ut som en kontinuerlig bild verkligen är ett gäng små rutor. Dessa rutor är pixlarna:
Om du zooma närmare avslöjar de enskilda pixlarna.
Och om jag zooma in ännu närmare ser vi att varje pixel visar en enda färg. Hela bilden är egentligen bara ett rutnät av heldragna rutor. När vi tittar långt ifrån, blandar våra ögon färgerna ihop för att skapa en bild med massor av detaljer. Men på nära håll är det pixlar som skapar vår digitala värld:
En närbild av bildpixlar, var och en visar en enda färg.
Pixel-rutnätet
Lägg märke till att när du zooma in tillräckligt nära (vanligtvis över 500%) börjar du se en ljusgrå kontur runt varje pixel. Detta är Photoshops Pixel Grid, och det är bara för att göra det enklare att se de enskilda pixlarna. Om du hittar Pixel Grid distraherande kan du stänga av den genom att gå upp till Visa- menyn i menyfältet, välja Show och sedan välja Pixel Grid . För att slå på den igen, välj den bara igen:
Gå till Visa> Show> Pixel Grid.
Zooma tillbaka ut för att se bilden
För att zooma ut från pixlarna och visa hela bilden, gå upp till Visa- menyn och välj Fit på skärmen :
Gå till Visa> Fit på skärmen.
Och nu när vi har zoomat ut är de enskilda pixlarna igen för små för att lägga märke till, och vi ser tillbaka illusionen av ett detaljerat foto:
Vid normala visningsavstånd smälter pixlar samman för att skapa bilden.
Se vår kompletta guide för att navigera bilder i Photoshop
Vad är bildstorlek?
Så nu när vi vet att pixlar är de små färgkvadrater som utgör en digital bild, låt oss titta på ett relaterat ämne, bildstorlek . Bildstorlek avser bredd och höjd på en bild, i pixlar. Det hänvisar också till det totala antalet pixlar i bilden, men det är verkligen bredden och höjden vi behöver bry oss om.
Dialogrutan Bildstorlek
Det bästa stället att hitta information om bildstorlek finns i Photoshops dialogruta för bildstorlek. För att öppna den, gå upp till Bild- menyn och välj Bildstorlek :
Gå till Bild> Bildstorlek.
I Photoshop CC visar dialogrutan Bildstorlek ett förhandsgranskningsområde till vänster och detaljer om bildstorleken till höger. Jag täcker dialogrutan Bildstorlek mer i detalj i nästa handledning. För tillfället ska vi bara titta på den information vi behöver:
Dialogrutan Bildstorlek i Photoshop CC.
Pixeldimensionerna
Bredden och höjden på en bild, i pixlar, är kända som dess pixeldimensioner, och i Photoshop CC kan vi se dem bredvid ordet Dimensions nära toppen av dialogrutan. Här ser vi att min bild har en bredd på 4509 pixlar (px) och en höjd av 3000 pixlar:
Photoshop CC innehåller ett nytt Dimensions-alternativ längst upp.
Om måtten visas i en annan måttyp än pixlar, som tum eller procent, klickar du på den lilla pilen bredvid ordet "Dimensions" och väljer Pixels i listan:
Måtten kan visas i olika måttyper.
Detta berättar att min bild innehåller 4509 pixlar från vänster till höger och 3000 pixlar från topp till botten:
Bildens pixeldimensioner.
Hitta det totala antalet pixlar
För att räkna ut det totala antalet pixlar i bilden behöver vi bara multiplicera bredd- och höjdvärdena tillsammans. Så i det här fallet är 4509 x 3000 = 13 527 000 eller ungefär 13, 5 miljoner pixlar. Du behöver inte veta det totala antalet pixlar. Men när du får mer erfarenhet av att ändra storlek på bilder, kommer du att upptäcka att veta det totala antalet pixlar i förväg kommer att ge dig en god uppfattning om hur stort du kan skriva ut bilden, som vi kommer att se nästa när vi tittar på bildupplösning.
Vad är bildupplösning?
Så om pixlar är de små färgkvadraten som utgör alla digitala bilder, och bildstorleken är antalet pixlar i bilden från vänster till höger (bredden) och från topp till botten (höjden), vad är bildupplösningen ? Bildupplösning styr hur stort eller litet fotot ska skrivas ut baserat på dess aktuella bildstorlek.
Det är viktigt att förstå framifrån att bildupplösning bara påverkar storleken på den tryckta versionen av bilden. Det har ingen effekt alls när du tittar på bilden på skärmen. Jag täcker det här ämnet mer detaljerat i min 72 ppi webbupplösning mytutorial, och vi kommer att titta på det igen i slutet av denna tutorial.
Bredden, höjden och upplösningen
I dialogrutan Bildstorlek, om du ser under ordet "Mått", hittar du fälten Bredd, Höjd och Upplösning . Det är här vi inte bara kan visa de aktuella inställningarna utan också ändra dem:
Alternativ för bredd, höjd och upplösning.
Alternativet Resample
Innan vi går längre, om du ser under upplösningsvärdet, hittar du ett annat viktigt alternativ som heter Resample . Och som standard är Resample på. Vi lär oss allt om alternativet Resample när vi tittar på hur du ändrar storlek på bilder. Men kort sagt, Resample tillåter oss att ändra antalet pixlar i bilden:
Alternativet Resample.
Varför vill du ändra antalet pixlar? Om den aktuella bildstorleken är för liten för att skriva ut ditt foto i den storlek du behöver, kan du använda Resample för att lägga till fler pixlar, så kallade upsampling . Eller om du vill skicka e-postmeddelandet till vänner eller ladda upp det på webben och den aktuella storleken är för stor skulle Resample låta dig minska antalet pixlar, känd som nedmontering .
Återigen kommer vi att lära oss allt om upsampling och downsampling när vi tittar på hur du ändrar storlek på bilder. För att se hur upplösning påverkar utskriftsstorleken på bilden, avmarkera omamplet för att stänga av den:
Avmarkera alternativet Resample.
Ändra utskriftsstorlek, inte bildstorlek
Så snart du stänger av Resample kommer du att märka att mätypen för bredd- och höjdvärdena ändras. Istället för att visa bredden och höjden i pixlar som jag var för ett ögonblick sedan, ser jag dem nu i tum . Och istället för att säga mig att min bild är 4509 pixlar bred och 3000 pixlar hög, får jag nu höra att den är 15, 03 tum bred och 10 tum hög:
Mätningarna för bredd och höjd visas nu i tum istället för pixlar.
Om du klickar på rutan för måttyp för antingen bredden eller höjden, kommer du att märka att Pixels nu är grått och inte tillgängligt. Det beror på att när Resample är avstängt kan vi inte ändra det fysiska antalet pixlar i bilden. Allt vi kan göra är att ändra storleken som bilden kommer att skriva ut, och utskriftsstorleken mäts vanligtvis i tum (eller centimeter beroende på var du är i världen):
Att stänga av resample förhindrar oss från att lägga till eller ta bort pixlar.
Hur fungerar bildupplösning?
Upplösning styr utskriftsstorleken på en bild genom att ställa in antalet pixlar som kommer att pressas in i varje tum papper, både vertikalt och horisontellt. Därför mäts upplösningsvärdet i pixlar per tum, eller " ppi ". Eftersom bilden har ett begränsat antal pixlar, ju mer vi klämmer ihop pixlarna på papperet, desto mindre kommer bilden att skrivas ut.
Till exempel är mitt upplösningsvärde för närvarande inställt på 300 pixlar / tum. Det betyder att när jag går ut för att skriva ut bilden kommer 300 av pixlarna från bredden och 300 pixlar från höjden att pressas in i varje kvadratmeter papper. Nu kanske 300 pixlar inte låter så mycket. Men kom ihåg att det är 300 från både bredd och höjd. Med andra ord är det 300 gånger 300, för totalt 90 000 pixlar per kvadrat tum:
Den nuvarande upplösningen, mätt i pixlar / tum.
Hur man bestämmer utskriftsstorleken
För att ta reda på utskriftsstorleken på bilden behöver vi bara dela dess nuvarande bredd och höjd, i pixlar, med upplösningsvärdet. Om vi igen tittar på avsnittet Dimensions längst upp ser vi att bredden på min bild fortfarande är 4509 pixlar:
Den nuvarande bredden, i pixlar.
Om vi delar 4509 med det nuvarande upplösningsvärdet 300 får vi 15, 03. Med andra ord, bredden på min bild, när den skrivs ut, kommer att vara 15, 03 tum, det exakta värdet som visas i fältet Bredd:
4509 pixlar ÷ 300 pixlar / tum = 15, 03 tum.
Och tillbaka i avsnittet Dimensions ser vi att höjden på min bild fortfarande är 3000 px:
Den aktuella höjden, i pixlar.
Om vi delar upp 3000 med den nuvarande upplösningen på 300 får vi 10. Vilket innebär att höjden på bilden, när den skrivs ut, kommer att vara 10 tum, precis som den visar i höjdfältet:
3000 pixlar ÷ 300 pixlar / tum = 10 tum.
Om du ändrar upplösningen ändras utskriftsstorleken
Om vi ändrar upplösningsvärdet ändras inte antalet pixlar i bilden, men utskriftsstorleken gör det. Lägg märke till att om jag sänker upplösningen från 300 pixlar / tum till 150 pixlar / tum förblir pixeldimensionerna desamma vid 4509 px x 3000 px. Men både bredd och höjd ökar. Eftersom jag bara kommer att pressa hälften så många pixlar per tum på papperet, både horisontellt och vertikalt, har bredden och höjden båda fördubblats:
Att sänka upplösningen ökar utskriftsstorleken.
Om du ändrar utskriftsstorleken ändras upplösningen
Och eftersom allt vi ändrar är utskriftsstorleken ändras upplösningen om du ändrar bredd eller höjd. I själva verket, när alternativet Resample som vi tittade på tidigare är avstängt, kopplas alla tre värdena (Bredd, Höjd och Upplösning) samman. Att ändra en ändrar automatiskt de andra.
Om jag sänker mitt breddvärde ner till 10 tum, för att hålla bildförhållandet på samma sätt, ändrar Photoshop automatiskt höjdvärdet till 6.653 tum. Och för att anpassa hela bilden till den nya, mindre utskriftsstorleken måste pixlarna packas i tätare, så att upplösningsvärdet har ökat till 450, 9 pixlar / tum:
Om du ändrar bredd och höjd ändras upplösningen.
Påverkar bildupplösningen filstorleken?
En vanlig missuppfattning med bildupplösning är att den på något sätt påverkar bildens filstorlek. Många tror att innan du skickar ett foto eller laddar upp det på webben måste du sänka dess upplösning för att göra filstorleken mindre. Detta är helt enkelt inte sant. Eftersom ändring av upplösningen inte ändrar antalet pixlar i bilden har det inte någon effekt på filstorleken.
Om du tittar bredvid orden "Bildstorlek" högst upp i dialogrutan ser du ett nummer, vanligtvis visas i megabyte (M). I mitt fall är det 38, 7 miljoner. Detta nummer representerar storleken på bilden i din dators minne. När du öppnar en bild i Photoshop kopieras bilden från din hårddisk, okomprimerad från vilket filformat den sparades i och placeras sedan i minnet (RAM) så att du kan arbeta med den snabbare. Numret som visas i dialogrutan Bildstorlek är bildens faktiska, okomprimerade storlek:
Bildstorleken, i megabyte, visas högst upp.
Lägre upplösning vs filstorlek
Det är enkelt att bevisa att bildupplösning inte påverkar filstorleken. Håll bara ögonen på storleken medan du ändrar upplösningen. Så länge alternativet Resample är avstängt så att du inte ändrar antalet pixlar i bilden, oavsett vad du väljer för upplösningsvärdet, kommer filstorleken överst alltid att vara densamma.
Här har jag sänkt upplösningen från 300 pixlar / tum ner till 30 pixlar / tum. Med så få pixlar som pressas in i en tum papper har utskriftsstorleken ökat till hela 150, 3 tum x 100 tum. Men även med detta mycket låga upplösningsvärde förblir storleken på bilden i minnet oförändrad på 38, 7M:
Att sänka utskriftsupplösningen har ingen effekt på filstorleken.
Högre upplösning kontra filstorlek
Och här har jag ökat upplösningen hela vägen upp till 3000 pixlar / tum. Detta minskar utskriftsstorleken till bara 1, 50 tum x 1 tum, men har återigen ingen effekt på filstorleken, som fortfarande är 38, 7 miljoner. Det enda sättet att minska filstorleken på en bild är att antingen minska antalet pixlar i bilden (med alternativet Resample) eller spara filen i ett format som stöder komprimering (som JPEG.webp) eller båda. Att bara ändra utskriftsupplösningen kommer inte att ändra filstorleken:
Att öka utskriftsupplösningen påverkar inte heller filstorleken.
Så hur minskar du antalet pixlar i bilden? Och vilket upplösningsvärde behöver du för att få utskrifter av hög kvalitet? Jag kommer att besvara dessa frågor och mer i separata självstudier i det här kapitlet.
Och där har vi det! Det är en snabb titt på pixlar, bildstorlek och bildupplösning, tre viktiga ämnen du behöver veta om för att få bästa resultat när du ändrar storlek på bilder i Photoshop! I nästa lektion i den här serien tittar vi närmare på Photoshop CC: s kraftfulla bildstorlek-kommando!
Eller kolla in tidigare handledning i denna serie:
- 02 - Photoshops kommandot Bildstorlek - Funktioner och tips
- 03 - Hur du ändrar storlek på bilder för utskrift
- 04 - Hur du ändrar storlek på bilder för e-post och fotodelning
- 05 - Hur man beräknar bildstorlek
- 06 - Sanningen om bildupplösning, filstorlek och webben
- 07 - Hur du ändrar storlek på pixelkonst
- 08 - Bästa sättet att förstora bilder i Photoshop CC
Och glöm inte, alla våra tutorials är nu tillgängliga att ladda ner som PDF-filer!