Inhoud

Wanneer fotografen afbeeldingen uploaden naar hun website, maken ze zich vaak zorgen over welke DPI ze moeten gebruiken voor hun afbeeldingen.

Dit is een veel voorkomende misvatting, en dit artikel is bedoeld om dit voor eens en voor altijd op te helderen: DPI doet er niet toe op het web, het is slechts een tekstveld dat fungeert als een instructie voor het drukproces. Alleen de werkelijke pixelafmetingen zijn van belang.

Laten we dit voor eens en altijd verduidelijken:alleen pixelafmetingen doen er toe op het web

De hele digitale fotografie-workflow is gebaseerd op pixels:

  • De senzor van de DSLR-camera heeft pixels
  • Het beeldbestand dat op de geheugenkaart van de camera wordt opgeslagen, is in pixels. De fabrikanten adverteren ook met “megapixels”, het totale aantal pixels in een afbeelding.
  • Bij het importeren in uw bewerkingssoftware (zoals Lightroom) werkt dat ook op pixelniveau.
  • Wanneer u afbeeldingen uploadt naar uw website, geven browsers ze weer op basis van hun pixelafmetingen. Alles op het web wordt gemeten in pixels, niet in echte afstandseenheden.

En als je oude foto’s scant, vertelt de DPI-instelling daar gewoon de scanner om X aantal pixels te maken voor elke centimeter papier, het wordt allemaal weer “vertaald” naar pixels.

De enige keer dat DPI/PPI een rol speelt is op het niveau van de printer: de printer moet beslissen hoeveel pixels van het beeld moeten worden afgedrukt per fysieke eenheid van papierformaat (de standaard is inches).

DPI is daarom gewoon een tekstveld dat is opgeslagen in de metadata van de foto (net als de andere IPTC- en EXIF-waarden), die de printer instrueert hoeveel pixels-per-inch moeten worden afgedrukt. Hoe hoger de waarde, hoe hoger de afdrukkwaliteit.

DPI is dus slechts een aanbeveling in de beeldmetadata. Bij het afdrukken van de afbeelding, bent u vrij om het te overschrijven en af te drukken met een andere DPI. Met dezelfde afbeeldings bron, zou u een kleine 10×15 afdruk kunnen maken, een muur kalender, of een reusachtig billboard. Dat zijn in principe allemaal verschillende DPI waarden.

Maar op het web wordt DPI genegeerd.

350 x 438 px / 72 DPI / 40,512 bytes 350 x 438 px / 300 DPI / 40,512 bytes 350 x 438 px / 9999 DPI / 40,512 bytes

Merk op hoe het instellen van verschillende DPI waarden (72, 300, 9999) op deze afbeelding de bestandsgrootte helemaal niet verandert, er wordt geen fotografische informatie veranderd.

Voorbeelden van (foutieve) vragen van fotografen:

  • “Moet ik van al mijn foto’s 300 dpi versies uploaden?”
  • “Moet ik de JPG bestanden converteren naar 72 DPI?”
  • “Moet ik voor retina displays de DPI op het dubbele zetten?”
  • “Vaak als ik ga met de reguliere 72dpi voor iets web-gebaseerd op de grootte die ik wil, het eindigt op zoek pixelig op mijn hoge res scherm, dus nu, ik ga gewoon voor ‘groter dan ik denk dat het moet zijn’ om ervoor te zorgen een scherpe look op die retina displays.”
  • “Mijn afbeeldingen zijn 1500 pixels op hun grootste afmeting, 72 dpi en opgeslagen op 6 kwaliteit jpg, is dat OK?”
  • “Ik heb ze geupload als 1200px in lengte 72 dpi voor snel laden… is deze grootte goed?”
  • “Welke DPI moet ik gebruiken voor afbeeldingen op de website?”

Waar komt de verwarring vandaan?

Het dialoogvenster “Afbeeldingsgrootte” van Adobe Photoshop kan soms verwarrend zijn:

Met de optie “Opnieuw opbouwen” ingeschakeld, verhoogt het wijzigen van de PPI van 72 naar 300 de pixelafmetingen van 2760×2070 tot 11500×8625 met behulp van opnieuw opbouwen. Dat is niet echt een verbetering van de beeldkwaliteit (integendeel), het is gewoon het uitrekken van de beeldafmetingen met de bestaande pixel informatie. Resampling is geen oplossing omdat het nog steeds gekoppeld is aan de native resolutie.

Als u de optie “Resampling” uitschakelt, heeft het wijzigen van de PPI geen effect op de pixelafmetingen (2760×2070), maar vertelt het u gewoon hoeveel inch de afbeeldingen zullen hebben als ze met die resolutie worden afgedrukt. Er worden geen wijzigingen aangebracht in de feitelijke afbeeldingskwaliteit, het is gewoon het PPI-veld in de metagegevens instellen.

Maar je zult merken dat het dialoogvenster Exporteren van Photoshop (dat specifiek afbeeldingen voor het web genereert) alleen in pixels werkt, zonder zicht op DPI/PPI-instellingen:

In dit artikel gebruik ik DPI en PPI door elkaar. Ik weet dat ze totaal verschillend zijn, maar veel fotografen halen ze door elkaar en ze zijn beide irrelevant voor het web.

Wat als je afdrukken verkoopt?

Opnieuw, alleen de pixel afmetingen zijn van belang. Hoe groter uw afbeeldingen zijn, hoe groter de afdrukken die u kunt krijgen bij een specifieke DPI.

Om bijvoorbeeld een kwaliteitsniveau van 300 dpi te behouden bij het afdrukken, kan een 12PM-afbeelding van 4032 x 3024 pixels worden afgedrukt op 13,44 bij 10,08 inch (~ 32 bij 25 cm).

Als u de 3 bovenstaande afbeeldingen afdrukt (in DPI-bewuste software), krijgt u verschillende afmetingen op de pagina:

A4-afdruk. Beeldformaat op papier: 4,86 x 6,08 inch. A4 afdruk. Beeldformaat op papier: 1,17 x 1,46 inch. A4 print. Beeldformaat op papier: 0.04 x 0.04 inches.

En zelfs dan kunt u de afbeelding handmatig schalen zoals nodig voor de afdruk, waarbij u in principe de ingesloten PPI-waarde negeert:

Verder lezen

  • Hoe afbeeldingen te optimaliseren voor website prestaties: beeldformaten, compressie, tools & testen
  • De mythe van DPI
  • Image DPI on the Web
  • Pixels per inch is slechts een tag
  • 72 DPI…Waarom?

Conclusie

Bij alles wat met uw fotografie-website te maken heeft, zijn alleen de pixelafmetingen van de afbeelding van belang. Je kunt DPI/PPI negeren, dat is gewoon een stukje metadata, alleen relevant voor afdrukken en scannen.

En als je afdrukken verkoopt, kun je de DPI-waarde instellen op elke waarde waar je je prettig bij voelt (zoals 300), die fungeert als het standaard kwaliteitsniveau waarmee mensen ze kunnen afdrukken (hoewel ze het altijd kunnen veranderen als dat nodig is).