# DPI vs PPI: het verschil en waarom 300 dpi telt [Canonical HTML page](https://gradiently.design/nl/guide/dpi-vs-ppi) Twee termen die door elkaar worden gebruikt alsof ze hetzelfde betekenen, en in gesprekken doen ze dat meestal ook. Het echte verschil, de ene som die je nodig hebt en wanneer het getal er echt toe doet. ## The short version - PPI, pixels per inch, beschrijft hoeveel pixels van een digitaal beeld of scherm in één inch passen. - DPI, dots per inch, beschrijft hoeveel inktpunten een printer in één inch zet. - Als een drukker om een bestand van 300 dpi vraagt, bedoelen ze een beeld met genoeg pixels voor 300 pixels per inch op het gedrukte formaat. - Om de benodigde pixels uit te rekenen vermenigvuldig je het drukformaat in inches met 300; een afdruk van 6 × 4 inch heeft 1800 × 1200 pixels nodig. - De dpi-instelling van een beeld wijzigen zonder de pixelafmetingen te veranderen maakt het niet scherper; alleen meer pixels doen dat. Het korte antwoord op **dpi vs ppi**: PPI (pixels per inch) beschrijft een digitaal beeld of scherm en DPI (dots per inch) beschrijft hoe fijn een printer inkt neerlegt. In dagelijks gebruik worden ze als hetzelfde behandeld, en als een drukkerij om “300 dpi” vraagt, bedoelen ze eigenlijk 300 pixels per inch op het eindformaat. Waar het om gaat is het aantal pixels: vermenigvuldig het drukformaat in inches met 300 en je hebt de pixels die je nodig hebt. ## Wat PPI en DPI eigenlijk meten ### PPI: pixels per inch - Hoort bij een digitaal beeld of een scherm - Elke pixel is één vierkantje van één kleur - Bepaalt hoe groot een beeld scherp kan worden gedrukt - Een label in het bestand; de pixels zijn wat telt - Schermen: de fysieke dichtheid van het scherm ### DPI: dots per inch - Hoort bij een printer - Veel piepkleine inktpunten mengen tot één kleur - Bepaalt hoe fijn de uitvoer van de printer is - Een instelling op de printer, vaak 600 tot 2400 - Niet iets wat je in een ontwerpbestand instelt Een printer heeft meerdere inktpunten nodig om de kleur van één pixel weer te geven, daarom noemen printers puntdichtheden die veel hoger zijn dan 300. De twee getallen beschrijven dus verschillende dingen. Omdat ontwerpsoftware en drukkerijen “dpi” voor beide zeggen, is het veiligst elk verzoek om “300 dpi” te vertalen naar “300 pixels voor elke inch van het gedrukte stuk”. ## De ene som die je nodig hebt ```text pixels = inches x ppi drukformaat = pixels / ppi Ansichtkaart 6 x 4 in bij 300 ppi -> 1800 x 1200 px A4 (8.27 x 11.69 in) bij 300 -> 2480 x 3508 px 1080 x 1350 px bij 300 ppi -> 3.6 x 4.5 in millimeters naar inches: deel door 25.4 ``` Elke vraag over drukresolutie komt neer op deze twee regels. Draai de som om en je leert hoe groot een bestaand beeld kan worden gedrukt. Een Instagrampost van 1080 × 1350 bij 300 ppi drukt alleen scherp op 3,6 × 4,5 inch. Rek je hem uit tot A4, dan wordt elke pixel meer dan twee keer zo breed uitgerekt, en dan zien afdrukken er zacht uit. Onze gids over [resolutie voor drukwerk](https://gradiently.design/nl/guide/image-resolution-for-print) heeft een volledige tabel met formaten. - 1800×1200 bij 300 ppi: 6 × 4 in: 6 × 4 - 1800×1200 bij 150 ppi: 12 × 8 in: 12 × 8 - 1800×1200 bij 72 ppi: 25 × 16,7 in: 25 × 17 Eén beeld, drie drukformaten, op schaal getekend. De pixels veranderen nooit; alleen hoe wijd ze worden uitgespreid, en de grotere afdrukken zien er van dichtbij navenant zachter uit. ## Waarom 300 dpi voor print en 72 dpi een mythe is 300 pixels per inch is al lang de standaard voor drukwerk, omdat mensen op normale leesafstand boven ongeveer die dichtheid geen afzonderlijke pixels meer kunnen onderscheiden. Posters en banners die van verder weg worden gezien kunnen minder gebruiken, vaak 150, wat wordt behandeld in [postergroottes](https://gradiently.design/nl/guide/poster-size-guide). Het idee dat webbeelden “72 dpi” moeten zijn komt van vroege Mac-schermen, die toevallig 72 pixels per inch toonden. Schermen negeren het dpi-label volledig; een browser of telefoon toont een beeld op basis van zijn pixelafmetingen. Een beeld van 1200 × 630 met het label 72 dpi en hetzelfde beeld met het label 300 dpi zien er op een scherm identiek uit en hebben exact dezelfde bestandsgrootte, op een paar bytes metadata na. | Situatie | Resolutie om na te streven | Wat echt telt | | --- | --- | --- | | Flyers, kaarten, uitnodigingen | 300 ppi op drukformaat | Pixels = inches × 300 | | Posters die van een paar meter afstand worden gezien | 150 tot 300 ppi | Vraag het je drukker | | Socialmediaposts | Elk label | Het pixelformaat van het platform, zoals 1080 × 1350 | | Websites | Elk label | Pixelformaat, vaak twee keer het weergaveformaat | | Logo’s en letters voor print | Vector (SVG of PDF) | Helemaal geen pixels, dus geen limiet | Alleen drukwerk geeft om pixels per inch. Denk overal elders in pixelafmetingen. Resolutie is niet het enige dat verandert tussen een scherm en papier. Ook kleur verschuift, omdat schermen licht mengen en persen inkt; [RGB vs CMYK](https://gradiently.design/nl/guide/rgb-vs-cmyk) legt uit wat je kunt verwachten, en [verlopen drukken](https://gradiently.design/nl/guide/print-gradients) behandelt de gladde overgangen die het meest te lijden hebben. ## dpi wijzigen voegt geen detail toe De meeste beeldeditors laten je een nieuwe dpi-waarde typen. Wijzig je het getal zonder te hersamplen, dan blijven de pixels hetzelfde en verandert alleen het voorgestelde drukformaat. Hersample je omhoog, dan verzint de software nieuwe pixels door buren te mengen, wat het beeld groter maar niet scherper maakt. De enige echte oplossing voor een beeld met lage resolutie is een groter origineel of een ontwerp dat opnieuw kan worden gerenderd op het formaat dat je nodig hebt. > **Controleer een bestand in vijf seconden** Negeer het dpi-veld. Kijk naar de pixelafmetingen, deel de breedte door 300 en je hebt de breedste scherpe afdruk in inches. ## Pixeldichtheid op schermen Schermen hebben een echte ppi: moderne telefoons stoppen veel meer pixels in een inch dan een oude desktopmonitor. Om alles leesbaar te houden tekenen ze elke CSS-pixel met twee of drie fysieke pixels. Daarom wordt een scherp webbeeld meestal geëxporteerd op twee keer het formaat waarop het wordt getoond. De browser kiest de juiste als je ze aanbiedt: ```html Spring collection hero ``` Een banner van 1200 × 600 met een versie met dubbele dichtheid voor schermen met hoge resolutie. Zie de gids van MDN over [responsieve afbeeldingen](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Responsive_images). Verlopen en gerenderde ontwerpen ontlopen het meeste hiervan. Omdat ze geen vaste pixels hebben, kunnen ze opnieuw worden getekend op elk formaat dat een scherm of printer nodig heeft. De drukformaten van Gradiently staan al op 300 dpi, eigen formaten gaan tot 8.000 pixels en Pro exporteert tot 4K en ook SVG en pdf voor print. Voor het kiezen van formaten, zie [PNG vs JPG](https://gradiently.design/nl/guide/png-vs-jpeg) en [SVG vs PNG](https://gradiently.design/nl/guide/svg-vs-png). ## FAQ ### Wat is het verschil tussen DPI en PPI? PPI is pixels per inch in een digitaal beeld of scherm. DPI is het aantal inktpunten dat een printer per inch zet. In drukverzoeken betekent “300 dpi” 300 pixels per inch op het eindformaat. ### Is 72 dpi of 300 dpi beter? Voor print heeft een beeld 300 pixels per inch op zijn drukformaat nodig. Voor schermen maakt het label geen verschil; alleen de pixelafmetingen tellen. ### Hoeveel pixels is 300 dpi? Dat hangt af van het formaat: vermenigvuldig inches met 300. Een afdruk van 6 × 4 inch heeft 1800 × 1200 pixels nodig, een A4-pagina 2480 × 3508. ### Verbetert het wijzigen van dpi de beeldkwaliteit? Nee. Het wijzigen van de dpi-waarde verandert alleen het voorgestelde drukformaat. Opschalen voegt pixels toe maar geen echt detail. ### Welke dpi moet ik gebruiken voor Instagram? De dpi-instelling wordt genegeerd. Exporteer op het pixelformaat van Instagram, zoals 1080 × 1350 voor een staande post.