DPI ja PPI: ero ja 300 dpi:n merkitys

Lyhyt vastaus aiheeseen DPI ja PPI: PPI kuvaa digitaalisen kuvan tai näytön pikseleitä tuumalla, DPI tulostimen mustepisteiden tiheyttä. Arkikäytössä ne sekoitetaan. Kun painotalo pyytää ”300 dpi”, se tarkoittaa 300 pikseliä tuumalla valmiissa koossa. Ratkaisevaa on pikselimäärä: kerro painokoko tuumina 300:lla, niin saat tarvittavat pikselit.

Mitä PPI ja DPI todella mittaavat

Tulostin tarvitsee useita mustepisteitä yhden pikselin värin toistamiseen. Siksi tulostimien pistetiheydet ovat paljon yli 300:n. Luvut kuvaavat siis eri asioita. Koska suunnitteluohjelmat ja painotalot käyttävät molemmista sanaa ”dpi”, tulkitse ”300 dpi” turvallisesti muodossa ”300 pikseliä jokaista painotuotteen tuumaa kohti”.

Ainoa tarvitsemasi lasku

pikselit      = tuumat x ppi
painokoko  = pikselit / ppi

6 x 4 in postikortti, 300 ppi  ->  1800 x 1200 px
A4 (8.27 x 11.69 in), 300   ->  2480 x 3508 px
1080 x 1350 px, 300 ppi     ->  3.6 x 4.5 in

millimetrit tuumiksi: jaa luvulla 25.4

Laske toiseen suuntaan selvittääksesi olemassa olevan kuvan painokoon. 1080 × 1350 -Instagram-julkaisu tulostuu terävänä 300 ppi:llä vain 3,6 × 4,5 tuuman kokoon. A4:ään venytettynä pikselin leveys yli kaksinkertaistuu ja jälki pehmenee. Painamisen kuvaresoluutio sisältää kattavan kokotaulukon.

Miksi painossa 300 dpi ja verkossa 72 dpi on myytti

300 pikseliä tuumalla on vakiintunut painostandardi, koska normaalilta lukuetäisyydeltä yksittäisiä pikseleitä ei enää erota suunnilleen tällä tiheydellä. Kauempaa katsottavat julisteet ja bannerit voivat käyttää vähemmän, usein 150:tä. Julistekoot käsittelee niitä.

Ajatus verkkokuvien ”72 dpi:stä” tulee varhaisista Mac-näytöistä, joiden tiheys sattui olemaan 72 pikseliä tuumalla. Näytöt ohittavat dpi-merkinnän täysin. Selain ja puhelin näyttävät kuvan pikselimittojen mukaan. 1200 × 630 -kuva merkinnällä 72 dpi ja sama kuva merkinnällä 300 dpi näyttävät ruudulla samoilta ja ovat samankokoisia tiedostoja, muutamaa metatietotavua lukuun ottamatta.

Resoluutio ei ole ainoa ero näytön ja paperin välillä. Myös väri muuttuu, koska näyttö sekoittaa valoa ja painokone mustetta. RGB vai CMYK kertoo mitä odottaa, ja liukuvärien painaminen käsittelee herkkiä pehmeitä siirtymiä.

Dpi:n muuttaminen ei lisää yksityiskohtia

Useimmissa kuvankäsittelyohjelmissa voi kirjoittaa uuden dpi-arvon. Ilman uudelleennäytteistystä pikselit säilyvät ja vain ehdotettu painokoko muuttuu. Suurentavassa uudelleennäytteistyksessä ohjelma keksii pikseleitä sekoittamalla naapureita. Kuva kasvaa mutta ei terävöidy. Matalan resoluution korjaa vain suurempi alkuperäinen kuva tai suunnitelma, joka voidaan piirtää uudelleen tarvittavaan kokoon.

Näyttöjen pikselitiheys

Näytöillä on todellinen ppi: nykyiset puhelimet mahduttavat tuumalle paljon enemmän pikseleitä kuin vanha työpöytänäyttö. Luettavuuden vuoksi yksi CSS-pikseli piirretään kahdella tai kolmella fyysisellä pikselillä. Siksi terävä verkkokuva viedään yleensä kaksinkertaisena näyttökokoon nähden. Selain valitsee oikean version, kun tarjoat sen:

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

Liukuvärit ja uudelleen piirrettävät suunnitelmat välttävät useimmat näistä ongelmista. Niissä ei ole kiinteitä pikseleitä, joten ne voidaan piirtää näytön tai tulostimen tarvitsemaan kokoon. Gradientlyn painokoot ovat valmiiksi 300 dpi, mukautetut koot yltävät 8 000 pikseliin ja Pro-viennit 4K:hon sekä SVG- ja paino-PDF-muotoon. Muodon valintaan auttavat PNG vai JPG ja SVG vai PNG.