Mange har lært at bilder til trykk skal ha 300 DPI, mens bilder til skjerm skal ha 72 DPI. Den siste delen er en seiglivet myte, og helt irrelevant. Nå synes vi det er på tide å rydde opp i begrepene – og forstå hva som faktisk har betydning for hvordan bilder vises digitalt.
Forskjellen på DPI og PPI
- DPI (dots per inch) er en måleenhet for oppløsning i trykksammenheng. Den beskriver hvor mange blekkprikker som trykkes per tomme papir. Et bilde med 300 DPI vil få tett med detaljer ved trykk, mens 72 DPI gir lavere kvalitet på papir.
- PPI (pixels per inch) handler derimot om skjermer – og beskriver hvor tett piksler er pakket sammen fysisk. Skjermen din har en gitt PPI-verdi, som bestemmes av skjermens fysiske størrelse og oppløsning. Jo høyere PPI, desto skarpere fremstår bildeinnholdet.
Så hvorfor forveksles begrepene? Fordi bildeprogrammer som Photoshop ofte bruker DPI som et teknisk parameter, selv når det ikke er relevant. Det er antall piksler i bildet som teller – ikke DPI-verdien som er lagret i bildefilen.
Neste gang noen spør om bildet ditt «har riktig DPI» – vet du bedre
Trykk vs. skjerm: Til venstre ser du et bilde gjengitt med trykkets prikker (DPI) – slik det ser ut forstørret på papir. Til høyre vises bildet slik det er bygget opp på skjerm, der det er piksler (PPI) som gjelder.
På skjerm er det pikselmål som avgjør
Et bilde på 800×600 piksler vil vises som akkurat det – uansett hvilken DPI-verdi som er lagret i filen. To bilder med identiske pikselmål vil se helt like ut på skjerm, selv om det ene er lagret med 72 DPI og det andre med 300 DPI.
DPI-verdien påvirker ikke hvordan bildet vises digitalt. Den blir rett og slett ignorert.
Derfor oppstår misforståelsen
Forvirringen skyldes ofte at bildeprogrammer som Photoshop lar deg endre DPI – og samtidig justere bildets fysiske størrelse i piksler. Da kan det se ut som om DPI endrer hvordan bildet vises. Men det er pikslene som gjør jobben – ikke DPI-tallet i seg selv.
Derfor er det viktig å vite hva du faktisk endrer: Skal du bruke bildet digitalt, bør du kun forholde deg til antall piksler. DPI er relevant først når bildet skal trykkes fysisk.
På trykk er det også pikselmål som avgjør
På trykk vil også et bilde på 800×600 piksler være akkurat det – uansett hvilken DPI-verdi som er lagret. Det DPI-verdien sier noe om, er hvor hvor mange av bildets piksler som skal trykkes pr. tomme. 72 DPI vil i dette tilfelle gi et fysisk større trykket bilde, enn et i 300 DPI – men skarpheten vil bli dårligere.
Derfor er det pikselmål du skal forholde deg til også når bildet skal trykkes – noe du kan regne ut når du vet hvilken fysisk størrelse bilde skal ha.
For å fremkalle et foto i standard størrelse 15×10 cm (5,91×3,94 tommer) med 300 DPI må bildet være i minst 1773×1182 piksler:
5,91″ x 300 DPI = 1773 px
3,94″ x 300 DPI = 1182 px
Mytens opprinnelse
Myten om at skjermbilder skal være 72 DPI stammer helt tilbake til de første Macintosh-maskinene på 1980-tallet. Da Apple lanserte sin første Mac i 1984, hadde den en skjerm med en fysisk oppløsning på 72 PPI (pixels per inch). Samtidig var Macintosh-en også utviklet med tanke på desktop publishing – altså at du skulle kunne designe på skjerm, og så skrive ut noe som så likt ut på papir.
For å få til det, gjorde Apple et smart, men begrensende grep: De definerte 1 punkt (typografisk punkt) som lik 1 piksel på skjermen. Og siden et typografisk punkt er definert som 1/72 tomme, måtte skjermen være 72 PPI for at 12-punkts skrift skulle vises på skjermen nøyaktig like stor som den ble trykt.
Dette var elegant, for den Mac-skjermen, men det skapte en slags standardtanke: At «skjerm = 72 DPI», selv om dette bare var sant for den ene skjermtypen, og dessuten blandet sammen begrepene DPI og PPI.
Senere ble begrepet «72 DPI» brukt i bildebehandlingsprogrammer som Photoshop, og mange trodde (og tror fortsatt) at dette har noe med skjermkvalitet å gjøre. Men det stemmer altså ikke.
Kort oppsummert:
- Den første Mac-en hadde 72 PPI, slik at skjerm og trykk kunne samsvare i fysisk størrelse.
- Dette var riktig for akkurat den skjermen, men ble feiltolket som en generell regel.
- Programvare som Photoshop videreførte antagelsen ved å bruke 72 DPI som standard.
- Dermed ble «72 DPI for skjerm» en myte som fortsatt lever i dag – selv om skjermer i dag kan ha alt fra 100 til over 500 PPI.
Høyoppløste skjermer gjør valgene viktigere
I dag bruker mange skjermer høy PPI – som Apple Retina, 4K-skjermer og de fleste mobiltelefoner. Det betyr at du ofte må levere bilder i større pikselmål enn før, for at de skal vises skarpt.
Et bilde på 600×400 piksler kan fungere på en vanlig skjerm, men se uklart ut på en høyoppløst mobil. Derfor er det vanlig å bruke større bildefiler – for eksempel 1200×800 – og skalere dem ned via HTML eller CSS. Da vises bildet skarpt, uansett skjerm.
72 DPI: Bildet har kun 100 × 100 piksler. Selv med «riktig» DPI-verdi ser det kornete og uklart ut på skjerm.
72 DPI: Samme bilde, men nå med 1000 × 1000 piksler. Det fremstår skarpt – selv om DPI-verdien er identisk med det første bildet.
Hva bør du gjøre i praksis?
- Glem DPI når du jobber med bilder til skjerm.
- Sørg for at bildet har tilstrekkelige pikselmål i høyde og bredde.
- Bruk responsiv bildeteknikk for å levere ulike bildevarianter til ulike skjermstørrelser.
- Husk at bilder som blåses opp over sin opprinnelige størrelse blir uskarpe.
- Bruk moderne bildeformater som WebP eller AVIF for bedre ytelse og kvalitet.
Velg riktig bildeoppløsning til skjerm
Hvor stort bildet bør være, avhenger av hvor og hvordan det skal brukes. For eksempel:
- Toppbanner over full bredde: Minst 1920 piksler bredde.
- Bilder i innhold (for retina): Minimum 1200 piksler bredde.
- Mobilvisning: Selv små bilder bør være minst 600–800 piksler brede for å fremstå skarpt.
Som tommelfingerregel: Tenk på hvilken maksimal visningsbredde bildet kan få, og lever bildet i minst dobbelt så høy oppløsning som det – for å sikre skarphet på høyoppløste skjermer.
Oppsummert
DPI er viktig når du skal trykke noe. PPI er et skjermbegrep du ikke kan styre. Og når du jobber digitalt, er det pikslene du må ha kontroll på. Så neste gang noen spør om bildet ditt «har riktig DPI til web» – vet du bedre.
Lyst til å nå nye høyder?
Det vil vi også. La oss ta en prat, eller et møte, for å finne ut hvordan vi kan hjelpe til.
Fyll ut skjemaet så kontakter vi deg. Se hvordan vi behandler personopplysninger.