DPI eller PPI: skillnaden och varför 300 dpi spelar roll

Det korta svaret på dpi eller ppi: PPI (pixlar per tum) beskriver en digital bild eller en skärm, och DPI (punkter per tum) beskriver hur fint en skrivare lägger ut bläck. I vardagen behandlas de som samma sak, och när ett tryckeri ber om ”300 dpi” menar de egentligen 300 pixlar per tum i den färdiga storleken. Det som spelar roll är antalet pixlar: multiplicera utskriftsstorleken i tum med 300 så har du de pixlar du behöver.

Vad PPI och DPI faktiskt mäter

En skrivare behöver flera bläckpunkter för att återge färgen hos en pixel, och därför anger skrivare punkttätheter som är långt över 300. De två siffrorna beskriver alltså olika saker. Eftersom designprogram och tryckerier säger ”dpi” om båda är det tryggast att översätta varje önskemål om ”300 dpi” till ”300 pixlar för varje tum av det tryckta materialet”.

Den enda uträkning du behöver

pixlar          = tum x ppi
utskriftsstorlek = pixlar / ppi

Vykort 6 x 4 tum vid 300 ppi  ->  1800 x 1200 px
A4 (8.27 x 11.69 tum) vid 300  ->  2480 x 3508 px
1080 x 1350 px vid 300 ppi     ->  3.6 x 4.5 tum

millimeter till tum: dividera med 25.4

Räkna baklänges och du får veta hur stor en befintlig bild kan skrivas ut. Ett Instagraminlägg på 1080 × 1350 vid 300 ppi skrivs ut skarpt i bara 3,6 × 4,5 tum. Sträck ut det till A4 så blir varje pixel mer än dubbelt så bred, och då ser utskrifter mjuka ut. Vår guide till upplösning för tryck har en fullständig tabell över storlekar.

Varför 300 dpi för tryck och varför 72 dpi är en myt

300 pixlar per tum är den sedan länge gällande standarden för tryck eftersom människor på normalt läsavstånd inte kan urskilja enskilda pixlar bortom ungefär den tätheten. Affischer och banderoller som ses på längre håll kan använda mindre, ofta 150, vilket tas upp i affischstorlekar.

Idén att webbilder ska vara ”72 dpi” kommer från tidiga Mac-skärmar, som råkade visa 72 pixlar per tum. Skärmar ignorerar dpi-etiketten helt. En webbläsare eller mobil visar en bild efter dess pixelmått. En bild på 1200 × 630 märkt 72 dpi och samma bild märkt 300 dpi ser likadana ut på skärmen och har exakt samma filstorlek, plus minus några byte metadata.

Upplösning är inte det enda som ändras mellan skärm och papper. Färgen skiftar också, eftersom skärmar blandar ljus och tryckpressar blandar bläck. RGB eller CMYK förklarar vad du kan vänta dig, och tryck av gradienter tar upp de mjuka övergångar som drabbas värst.

Att ändra dpi lägger inte till detaljer

De flesta bildredigerare låter dig skriva in ett nytt dpi-värde. Om du ändrar siffran utan omsampling förblir pixlarna desamma och bara den föreslagna utskriftsstorleken ändras. Om du samplar upp hittar programvaran på nya pixlar genom att blanda grannar, vilket gör bilden större men inte skarpare. Den enda riktiga lösningen för en bild med låg upplösning är ett större original eller en design som kan renderas om i den storlek du behöver.

Pixeltäthet på skärmar

Skärmar har en verklig ppi: moderna mobiler packar långt fler pixlar i en tum än en gammal skrivbordsskärm. För att hålla allt läsbart ritar de varje CSS-pixel med två eller tre fysiska pixlar. Därför exporteras en skarp webbild oftast i dubbla den storlek den visas i. Webbläsaren väljer rätt om du erbjuder den:

<img
  src="hero-1200.png"
  srcset="hero-1200.png 1x, hero-2400.png 2x"
  width="1200" height="600"
  alt="Spring collection hero"
/>

Gradienter och renderade designer slipper det mesta av detta. Eftersom de saknar fasta pixlar kan de ritas om i den storlek en skärm eller skrivare behöver. Gradiently har redan tryckstorlekar inställda på 300 dpi, egna storlekar går upp till 8 000 pixlar, och Pro exporterar upp till 4K samt SVG och PDF för tryck. För val av format, se PNG eller JPG och SVG eller PNG.