Wilt u de beste resultaten bij het wijzigen van het formaat van afbeeldingen in Photoshop? Begin met alles te leren over pixels, afbeeldingsgrootte en resolutie!
In deze zelfstudie laat ik u kennismaken met drie belangrijke onderwerpen die essentieel zijn voor het werken met digitale afbeeldingen in Photoshop, en dit zijn pixels, afbeeldingsgrootte en afbeeldingsresolutie . Een goed begrip van hoe pixels, afbeeldingsgrootte en resolutie aan elkaar gerelateerd zijn, is essentieel voor het verkrijgen van de beste resultaten bij het wijzigen van afbeeldingen, zowel voor afdrukken als voor het web.
We beginnen met het leren over pixels, de basisbouwstenen van alle digitale afbeeldingen. Vervolgens leren we hoe pixels gerelateerd zijn aan de afbeeldingsgrootte. En we eindigen met het leren hoe de afbeeldingsgrootte en afbeeldingsresolutie samenwerken om de afdrukgrootte van uw afbeelding te regelen! We zullen zelfs de populaire overtuiging ontkrachten dat resolutie alles te maken heeft met de bestandsgrootte van uw afbeelding.
In latere lessen in dit hoofdstuk leren we alles over het aanpassen van afbeeldingen. Laten we nu beginnen bij het begin door te leren over pixels, afbeeldingsgrootte en resolutie!
Wat zijn pixels?
De term pixel is de afkorting van "picture element" en pixels zijn de kleine bouwstenen waaruit alle digitale afbeeldingen bestaan. Net zoals hoe een schilderij wordt gemaakt van afzonderlijke penseelstreken, wordt een digitaal beeld gemaakt van individuele pixels.
Wanneer u in Photoshop een afbeelding bekijkt met een normaal zoomniveau (100% of minder), zijn de pixels meestal te klein om op te merken. In plaats daarvan zien we wat lijkt op een doorlopende afbeelding, met licht, schaduwen, kleuren en texturen die allemaal samenvloeien om een scène te creëren die er ongeveer uitziet als in de echte wereld (afbeelding uit Adobe Stock):
Een digitale afbeelding geopend in Photoshop. Afbeelding tegoed: Adobe Stock.
Pixels nader bekeken
Maar zoals elke goede goocheltruc, is wat we zien echt een illusie. En om de illusie te doorbreken, moeten we gewoon wat beter kijken. Om de afzonderlijke pixels in een afbeelding te bekijken, hoeven we alleen maar in te zoomen. Ik selecteer het zoomgereedschap op de werkbalk:
Het zoomgereedschap selecteren.
Vervolgens klik ik een paar keer op een van de ogen van de vrouw om erop in te zoomen. Telkens wanneer ik klik, zoom ik dichter in. En als ik dicht genoeg inzoom, beginnen we te zien dat wat een continu beeld leek, echt een stel kleine vierkantjes is. Deze vierkanten zijn de pixels:
Als u dichterbij inzoomt, worden de afzonderlijke pixels zichtbaar.
En als ik nog dichter inzoom, zien we dat elke pixel een enkele kleur weergeeft. De hele afbeelding is eigenlijk gewoon een raster van effen gekleurde vierkanten. Wanneer we van ver genoeg weg kijken, mengen onze ogen de kleuren om een afbeelding met veel details te creëren. Maar van dichtbij zijn het pixels die onze digitale wereld creëren:
Een close-upweergave van beeldpixels die elk een enkele kleur weergeven.
Het pixelraster
Merk op dat zodra je dicht genoeg inzoomt (meestal meer dan 500%), je een lichtgrijze omtrek rond elke pixel begint te zien. Dit is het Pixel-raster van Photoshop en het is er alleen maar om het gemakkelijker te maken om de afzonderlijke pixels te zien. Als u Pixel Grid afleidend vindt, kunt u dit uitschakelen door naar het menu Beeld in de menubalk te gaan, Weergeven te kiezen en vervolgens Pixel Grid te kiezen. Om het weer in te schakelen, selecteert u het gewoon opnieuw:
Ga naar Beeld> Tonen> Pixelraster.
Zoomt weer uit om de afbeelding te bekijken
Als u wilt uitzoomen op de pixels en de hele afbeelding wilt bekijken, gaat u naar het menu Beeld en kiest u Aanpassen aan scherm :
Ga naar Beeld> Aanpassen op scherm.
En nu we zijn uitgezoomd, zijn de afzonderlijke pixels opnieuw te klein om op te merken en zien we weer de illusie van een gedetailleerde foto:
Op normale kijkafstanden mengen pixels samen om de afbeelding te maken.
Bekijk onze complete gids voor het navigeren door afbeeldingen in Photoshop
Wat is de afbeeldingsgrootte?
Dus nu we weten dat pixels de kleine kleurvierkanten zijn die samen een digitaal beeld vormen, laten we eens kijken naar een verwant onderwerp, beeldgrootte . Afbeeldingsgrootte verwijst naar de breedte en hoogte van een afbeelding, in pixels. Het verwijst ook naar het totale aantal pixels in de afbeelding, maar het is echt de breedte en hoogte waar we om moeten zorgen.
Het dialoogvenster Afbeeldingsgrootte
De beste plaats om informatie over de afbeeldingsgrootte te vinden is in het dialoogvenster Afbeeldingsgrootte van Photoshop. Om het te openen, gaat u naar het menu Afbeelding en kiest u Afbeeldingsgrootte :
Ga naar Afbeelding> Afbeeldingsgrootte.
In Photoshop CC toont het dialoogvenster Afbeeldingsgrootte links een voorbeeldgebied en details over de afbeeldingsgrootte rechts. Ik zal het dialoogvenster Afbeeldingsgrootte in meer detail behandelen in de volgende zelfstudie. Voor nu kijken we alleen naar de informatie die we nodig hebben:
Het dialoogvenster Afbeeldingsgrootte in Photoshop CC.
De pixelafmetingen
De breedte en hoogte van een afbeelding, in pixels, worden de pixelafmetingen genoemd en in Photoshop CC kunnen we ze naast het woord Dimensions boven aan het dialoogvenster bekijken. Hier zien we dat mijn afbeelding een breedte van 4509 pixels (px) en een hoogte van 3000 pixels heeft:
Photoshop CC bevat bovenaan een nieuwe optie Dimensies.
Als de afmetingen worden weergegeven in een ander type meting dan pixels, zoals inches of procent, klikt u op de kleine pijl naast het woord "Afmetingen" en kiest u Pixels in de lijst:
De dimensies kunnen in verschillende meettypen worden weergegeven.
Dit vertelt ons dat mijn afbeelding 4509 pixels van links naar rechts en 3000 pixels van boven naar beneden bevat:
De pixelafmetingen van de afbeelding.
Het totale aantal pixels vinden
Om het totale aantal pixels in de afbeelding te berekenen, hoeven we alleen de breedte- en hoogtewaarden te vermenigvuldigen. Dus in dit geval 4509 x 3000 = 13.527.000 of ongeveer 13, 5 miljoen pixels. U hoeft niet echt het totale aantal pixels te kennen. Maar naarmate u meer ervaring opdoet met het vergroten of verkleinen van afbeeldingen, zult u merken dat het vooraf kennen van het totale aantal pixels u een goed idee geeft van hoe groot u de afbeelding kunt afdrukken, zoals we zullen zien als we de afbeeldingsresolutie bekijken.
Wat is afbeeldingsresolutie?
Dus als pixels de kleine kleurvierkanten zijn die alle digitale afbeeldingen vormen, en de afbeeldingsgrootte is het aantal pixels in de afbeelding van links naar rechts (de breedte) en van boven naar beneden (de hoogte), wat is dan de afbeeldingsresolutie ? Beeldresolutie bepaalt hoe groot of klein de foto wordt afgedrukt op basis van de huidige afbeeldingsgrootte.
Het is belangrijk om van tevoren te begrijpen dat de afbeeldingsresolutie alleen de grootte van de afgedrukte versie van de afbeelding beïnvloedt. Het heeft helemaal geen effect bij het bekijken van de afbeelding op het scherm. Ik bespreek dit onderwerp in meer detail in mijn 72 ppi webresolutie mythe-tutorial, en we zullen het opnieuw bekijken aan het einde van deze tutorial.
De verbinding Breedte, Hoogte en Resolutie
Als u in het dialoogvenster Afbeeldingsgrootte onder het woord "Afmetingen" kijkt, vindt u de velden Breedte, Hoogte en Resolutie . Hier kunnen we niet alleen de huidige instellingen bekijken, maar ook wijzigen:
De opties Breedte, Hoogte en Resolutie.
De optie Resample
Voordat we verder gaan, als u onder de waarde Resolutie kijkt, vindt u een andere belangrijke optie met de naam Resample . En standaard is Resample ingeschakeld. We zullen alles leren over de optie Resamplen als we kijken naar het formaat van afbeeldingen wijzigen. Kort gezegd stelt Resample ons in staat het aantal pixels in de afbeelding te wijzigen:
De optie Resample.
Waarom zou je het aantal pixels willen veranderen? Als de huidige afbeeldingsgrootte te klein is om uw foto op de gewenste grootte af te drukken, kunt u Resample gebruiken om meer pixels toe te voegen, bekend als upsampling . Of, als u uw foto naar vrienden wilt e-mailen of naar het web wilt uploaden en de huidige grootte te groot is, kunt u met Resample het aantal pixels, downsampling genoemd, verminderen .
Nogmaals, we zullen alles leren over upsampling en downsampling als we kijken naar het formaat van afbeeldingen. Voor nu, om te zien hoe resolutie de afdrukgrootte van de afbeelding beïnvloedt, schakelt u Resample uit om deze uit te schakelen:
Schakel de optie Resample uit.
Het afdrukformaat wijzigen, niet het beeldformaat
Zodra u Resample uitschakelt, zult u merken dat het type meting voor de waarden voor Breedte en Hoogte verandert. In plaats van de breedte en hoogte in pixels te bekijken zoals ik zojuist was, zie ik ze nu in inches . En in plaats van me te vertellen dat mijn afbeelding 4509 pixels breed en 3000 pixels hoog is, wordt me nu verteld dat het 15, 03 inch breed en 10 inch lang is:
De metingen Breedte en Hoogte worden nu weergegeven in inches in plaats van pixels.
Als u op het vak voor het type meting klikt voor Breedte of Hoogte, zult u merken dat Pixels nu grijs zijn en niet beschikbaar zijn. Dat komt omdat we met Resample uitgeschakeld, het fysieke aantal pixels in de afbeelding niet kunnen wijzigen. Het enige dat we kunnen doen is de grootte wijzigen die de afbeelding zal afdrukken, en de afdrukgrootte wordt meestal gemeten in inches (of centimeters, afhankelijk van waar u zich ter wereld bevindt):
Als u Resample uitschakelt, kunnen we geen pixels toevoegen of verwijderen.
Hoe werkt afbeeldingsresolutie?
Resolutie bepaalt de afdrukgrootte van een afbeelding door het aantal pixels in te stellen dat in elke inch papier wordt geperst, zowel verticaal als horizontaal. Daarom wordt de resolutiewaarde gemeten in pixels per inch of " ppi ". Omdat de afbeelding een beperkt aantal pixels heeft, hoe meer we deze pixels op elkaar proppen, hoe kleiner de afbeelding wordt afgedrukt.
Mijn resolutiewaarde is bijvoorbeeld momenteel ingesteld op 300 pixels / inch. Dit betekent dat wanneer ik de afbeelding ga afdrukken, 300 pixels uit de breedte en 300 pixels uit de hoogte in elke vierkante centimeter papier worden geperst. Nu klinkt 300 pixels misschien niet zo veel. Maar onthoud, het is 300 van zowel de breedte als de hoogte. Met andere woorden, het is 300 keer 300, voor een totaal van 90.000 pixels per vierkante inch:
De huidige resolutie, gemeten in pixels / inch.
Hoe de afdrukgrootte te bepalen
Om de afdrukgrootte van de afbeelding te achterhalen, hoeven we alleen de huidige breedte en hoogte, in pixels, te delen door de resolutiewaarde. Als we nogmaals naar het gedeelte Dimensies bovenaan kijken, zien we dat de breedte van mijn afbeelding nog steeds 4509 pixels is:
De huidige breedte, in pixels.
Als we 4509 delen door de huidige resolutiewaarde van 300, krijgen we 15.03. Met andere woorden, de breedte van mijn afbeelding, wanneer afgedrukt, is 15, 03 inch, de exacte waarde die wordt weergegeven in het veld Breedte:
4509 pixels ÷ 300 pixels / inch = 15, 03 inch.
En terug in het gedeelte Dimensies zien we dat de hoogte van mijn afbeelding nog steeds 3000 px is:
De huidige hoogte, in pixels.
Als we 3000 delen door de huidige resolutie van 300, krijgen we 10. Dat betekent dat de hoogte van de afbeelding, wanneer deze wordt afgedrukt, 10 inch zal zijn, net zoals in het veld Hoogte:
3000 pixels ÷ 300 pixels / inch = 10 inch.
Als u de resolutie wijzigt, wordt het afdrukformaat gewijzigd
Als we de resolutiewaarde wijzigen, verandert het aantal pixels in de afbeelding niet, maar het afdrukformaat wel. Merk op dat als ik de resolutie verlaag van 300 pixels / inch tot 150 pixels / inch, de pixelafmetingen hetzelfde blijven op 4509 px x 3000 px. Maar zowel de breedte als de hoogte nemen toe. Aangezien ik slechts half zoveel pixels per inch op het papier druk, zowel horizontaal als verticaal, zijn de breedte en hoogte beide verdubbeld:
Door de resolutie te verlagen, neemt de afdrukgrootte toe.
Als u het afdrukformaat wijzigt, wordt de resolutie gewijzigd
En omdat we alleen het afdrukformaat wijzigen, verandert de resolutie door de breedte of hoogte te wijzigen. Wanneer de optie Resample die we eerder hebben bekeken is uitgeschakeld, zijn alle drie de waarden (breedte, hoogte en resolutie) zelfs aan elkaar gekoppeld. Door de ene te wijzigen, worden de andere automatisch gewijzigd.
Als ik mijn breedtewaarde tot 10 inch verlaag, wijzigt Photoshop automatisch de hoogte in 6653 inch om de beeldverhouding hetzelfde te houden. En om de hele afbeelding in het nieuwe, kleinere afdrukformaat te passen, moeten de pixels strakker worden verpakt, dus de resolutiewaarde is gestegen tot 450, 9 pixels / inch:
Als u de breedte en hoogte wijzigt, wordt de resolutie gewijzigd.
Heeft de beeldresolutie invloed op de bestandsgrootte?
Een veel voorkomende misvatting met beeldresolutie is dat het op de een of andere manier de bestandsgrootte van de afbeelding beïnvloedt. Veel mensen geloven dat je, voordat je een foto e-mailt of uploadt naar het web, de resolutie moet verlagen om het bestand kleiner te maken. Dit is gewoon niet waar. Aangezien het wijzigen van de resolutie het aantal pixels in de afbeelding niet verandert, heeft dit helemaal geen effect op de bestandsgrootte.
Als u naast de woorden 'Afbeeldingsgrootte' boven aan het dialoogvenster kijkt, ziet u een nummer, meestal weergegeven in megabytes (M). In mijn geval is dit 38, 7 miljoen. Dit nummer vertegenwoordigt de grootte van de afbeelding in het geheugen van uw computer. Wanneer u een afbeelding in Photoshop opent, wordt de afbeelding van uw harde schijf gekopieerd, niet gecomprimeerd vanuit het bestandsformaat waarin deze is opgeslagen, en vervolgens in het geheugen (RAM) geplaatst zodat u er sneller aan kunt werken. Het nummer dat wordt weergegeven in het dialoogvenster Afbeeldingsgrootte is de werkelijke, niet-gecomprimeerde grootte van de afbeelding:
De afbeeldingsgrootte, in megabytes, wordt bovenaan weergegeven.
Lagere resolutie versus bestandsgrootte
Het is eenvoudig om te bewijzen dat de beeldresolutie geen effect heeft op de bestandsgrootte. Houd de grootte in de gaten terwijl u de resolutie wijzigt. Zolang de optie Resample is uitgeschakeld, zodat u het aantal pixels in de afbeelding niet wijzigt, blijft de bestandsgrootte bovenaan altijd hetzelfde, ongeacht wat u kiest voor de resolutiewaarde.
Hier heb ik de resolutie verlaagd van 300 pixels / inch tot 30 pixels / inch. Met zo weinig pixels gepropt in een inch papier, is het afdrukformaat toegenomen tot maar liefst 150, 3 inch x 100 inch. Maar zelfs met deze zeer lage resolutiewaarde blijft de grootte van de afbeelding in het geheugen onveranderd op 38, 7 M:
Het verlagen van de afdrukresolutie heeft geen effect op de bestandsgrootte.
Hogere resolutie versus bestandsgrootte
En hier heb ik de resolutie helemaal verhoogd tot 3000 pixels / inch. Dit verkleint de afdrukgrootte tot slechts 1.503 inch x 1 inch, maar heeft weer geen effect op de bestandsgrootte, die nog steeds 38, 7 M is. De enige manier om de bestandsgrootte van een afbeelding te verkleinen, is door het aantal pixels in de afbeelding te verminderen (met behulp van de optie Resample) of door het bestand op te slaan in een indeling die compressie ondersteunt (zoals JPEG.webp), of beide. Door eenvoudig de afdrukresolutie te wijzigen, verandert de bestandsgrootte niet:
Het verhogen van de afdrukresolutie heeft ook geen effect op de bestandsgrootte.
Dus hoe verminder je het aantal pixels in de afbeelding? En welke resolutiewaarde heb je nodig om afdrukken van hoge kwaliteit te krijgen? Ik beantwoord deze vragen en meer in afzonderlijke tutorials in dit hoofdstuk.
En daar hebben we het! Dat is een snelle blik op pixels, afbeeldingsgrootte en afbeeldingsresolutie, drie belangrijke onderwerpen die u moet weten om de beste resultaten te krijgen bij het wijzigen van afbeeldingen in Photoshop! In de volgende les in deze serie gaan we dieper in op de krachtige afbeeldingsopdracht van Photoshop CC!
Of bekijk de vorige tutorials in deze serie:
- 02 - Photoshop's opdracht Beeldgrootte - Functies en tips
- 03 - Het formaat van afbeeldingen wijzigen voor afdrukken
- 04 - Hoe u afbeeldingen verkleint voor e-mail en het delen van foto's
- 05 - Hoe de afbeeldingsgrootte te berekenen
- 06 - De waarheid over afbeeldingsresolutie, bestandsgrootte en internet
- 07 - Hoe pixelgrootte te wijzigen
- 08 - De beste manier om afbeeldingen in Photoshop CC te vergroten
En vergeet niet dat al onze tutorials nu als PDF kunnen worden gedownload!