# DPI og PPI: forskjellen, og hvorfor 300 dpi betyr noe

[Canonical HTML page](https://gradiently.design/nb/guide/dpi-vs-ppi)

To begreper som brukes som om de betyr det samme, og i daglig tale gjør de stort sett det. Den egentlige forskjellen, det ene regnestykket du trenger, og når tallet faktisk betyr noe.

## The short version

- PPI, piksler per tomme, beskriver hvor mange piksler i et digitalt bilde eller på en skjerm som får plass på én tomme.
- DPI, punkter per tomme, beskriver hvor mange blekkpunkter en skriver legger på én tomme.
- Når et trykkeri ber om en fil i 300 dpi, mener de et bilde med nok piksler til å gi 300 piksler per tomme i trykt størrelse.
- For å finne pikslene du trenger, gang trykkstørrelsen i tommer med 300; et trykk på 6 × 4 tommer trenger 1800 × 1200 piksler.
- Å endre dpi-innstillingen i et bilde uten å endre pikseldimensjonene gjør det ikke skarpere; det gjør bare flere piksler.

Det korte svaret på **dpi og ppi**: PPI (piksler per tomme) beskriver et digitalt bilde eller en skjerm, og DPI (punkter per tomme) beskriver hvor fint en skriver legger ned blekk. I daglig bruk behandles de som det samme, og når et trykkeri ber om «300 dpi», mener de egentlig 300 piksler per tomme i ferdig størrelse. Det som teller, er antall piksler: gang trykkstørrelsen i tommer med 300, så har du pikslene du trenger.

## Hva PPI og DPI egentlig måler

### PPI: piksler per tomme

- Hører til et digitalt bilde eller en skjerm
- Hver piksel er én rute i én farge
- Avgjør hvor stort et bilde kan trykkes skarpt
- En merkelapp i filen; det er pikslene som teller
- Skjermer: skjermens fysiske tetthet

### DPI: punkter per tomme

- Hører til en skriver
- Mange små blekkpunkter blandes til én farge
- Avgjør hvor fint skriveren trykker
- En innstilling på skriveren, ofte 600 til 2400
- Ikke noe du stiller inn i en designfil

En skriver trenger flere blekkpunkter for å gjengi fargen i én piksel, og derfor oppgir skrivere punkttettheter langt over 300. De to tallene beskriver altså ulike ting. Fordi designprogrammer og trykkerier sier «dpi» om begge deler, er det tryggest å oversette enhver forespørsel om «300 dpi» til «300 piksler for hver tomme av det trykte produktet».

## Det ene regnestykket du trenger

```text
piksler       = tommer x ppi
trykkstørrelse = piksler / ppi

6 x 4 tommer postkort ved 300 ppi  ->  1800 x 1200 px
A4 (8.27 x 11.69 tommer) ved 300   ->  2480 x 3508 px
1080 x 1350 px ved 300 ppi     ->  3.6 x 4.5 tommer

millimeter til tommer: del på 25.4
```

Alle spørsmål om trykkoppløsning koker ned til disse to linjene.

Regner du baklengs, finner du ut hvor stort et eksisterende bilde kan trykkes. Et Instagram-innlegg på 1080 × 1350 ved 300 ppi trykkes skarpt bare i 3,6 × 4,5 tommer. Strekker du det til A4, blir hver piksel strukket til mer enn dobbel bredde, og det er da trykk ser uskarpe ut. Guiden vår om [oppløsning for trykk](https://gradiently.design/nb/guide/image-resolution-for-print) har en full tabell med størrelser.

- 1800×1200 ved 300 ppi: 6 × 4 tommer: 6 × 4
- 1800×1200 ved 150 ppi: 12 × 8 tommer: 12 × 8
- 1800×1200 ved 72 ppi: 25 × 16,7 tommer: 25 × 17

Ett bilde, tre trykkstørrelser, tegnet i riktig forhold. Pikslene endres aldri; bare hvor spredt de er, og de større trykkene ser tilsvarende mykere ut på nært hold.

## Hvorfor 300 dpi til trykk, og hvorfor 72 dpi er en myte

300 piksler per tomme er den etablerte trykkstandarden fordi folk på normal leseavstand ikke kan skille enkeltpiksler over omtrent den tettheten. Plakater og bannere som ses på lengre avstand kan klare seg med mindre, ofte 150, noe som dekkes i [plakatstørrelser](https://gradiently.design/nb/guide/poster-size-guide).

Ideen om at bilder på nett skal være «72 dpi» kommer fra tidlige Mac-skjermer, som tilfeldigvis viste 72 piksler per tomme. Skjermer ignorerer dpi-merkelappen helt; en nettleser eller mobil viser et bilde etter pikseldimensjonene. Et bilde på 1200 × 630 merket 72 dpi og samme bilde merket 300 dpi ser helt like ut på skjermen og har nøyaktig samme filstørrelse, pluss eller minus noen få byte metadata.

| Situasjon | Oppløsning å sikte mot | Det som faktisk teller |
| --- | --- | --- |
| Flyere, kort, invitasjoner | 300 ppi i trykkstørrelse | Piksler = tommer × 300 |
| Plakater sett fra noen meter | 150 til 300 ppi | Spør trykkeriet |
| Innlegg i sosiale medier | Hvilken som helst merkelapp | Plattformens pikselstørrelse, som 1080 × 1350 |
| Nettsider | Hvilken som helst merkelapp | Pikselstørrelse, ofte dobbelt visningsstørrelse |
| Logoer og tekst til trykk | Vektor (SVG eller PDF) | Ingen piksler i det hele tatt, altså ingen grense |

Bare trykk bryr seg om piksler per tomme. Alle andre steder tenker du i pikseldimensjoner.

Oppløsning er ikke det eneste som endres mellom skjerm og papir. Fargene forskyves også, fordi skjermer blander lys og trykkpresser blander blekk; [RGB og CMYK](https://gradiently.design/nb/guide/rgb-vs-cmyk) forklarer hva du kan forvente, og [trykk av gradienter](https://gradiently.design/nb/guide/print-gradients) dekker de myke overgangene som lider mest.

## Å endre dpi gir ikke flere detaljer

De fleste bilderedigeringsprogrammer lar deg skrive inn en ny dpi-verdi. Endrer du tallet uten å sample om, forblir pikslene de samme og bare den foreslåtte trykkstørrelsen endres. Sampler du oppover, finner programmet på nye piksler ved å blande naboene, noe som gjør bildet større, men ikke skarpere. Den eneste ekte løsningen på et bilde med lav oppløsning er en større original eller et design som kan tegnes på nytt i størrelsen du trenger.

> **Sjekk en fil på fem sekunder** Overse dpi-feltet. Se på pikseldimensjonene, del bredden på 300, så har du det bredeste skarpe trykket i tommer.

## Pikseltetthet på skjermer

Skjermer har en ekte ppi: moderne mobiler pakker langt flere piksler inn på en tomme enn en gammel PC-skjerm. For å holde ting lesbare tegner de hver CSS-piksel med to eller tre fysiske piksler. Derfor eksporteres et skarpt bilde til nett vanligvis i dobbel størrelse av det det vises i. Nettleseren velger riktig versjon hvis du tilbyr den:

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

Et banner på 1200 × 600 med en versjon i dobbel tetthet for skjermer med høy oppløsning. Se MDN sin guide til [responsive bilder](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Responsive_images).

Gradienter og tegnede design slipper unna det meste av dette. Fordi de ikke har faste piksler, kan de tegnes på nytt i den størrelsen en skjerm eller skriver trenger. Trykkstørrelsene i Gradiently er allerede satt til 300 dpi, egne størrelser går opp til 8 000 piksler, og Pro eksporterer opp til 4K samt SVG og trykk-PDF. For valg av format, se [PNG eller JPG](https://gradiently.design/nb/guide/png-vs-jpeg) og [SVG eller PNG](https://gradiently.design/nb/guide/svg-vs-png).

## FAQ

### Hva er forskjellen på DPI og PPI?

PPI er piksler per tomme i et digitalt bilde eller på en skjerm. DPI er antall blekkpunkter en skriver legger per tomme. I trykkbestillinger betyr «300 dpi» 300 piksler per tomme i ferdig størrelse.

### Er 72 dpi eller 300 dpi best?

Til trykk trenger et bilde 300 piksler per tomme i trykt størrelse. På skjerm spiller merkelappen ingen rolle; bare pikseldimensjonene teller.

### Hvor mange piksler er 300 dpi?

Det avhenger av størrelsen: gang tommer med 300. Et trykk på 6 × 4 tommer trenger 1800 × 1200 piksler, en A4-side 2480 × 3508.

### Blir bildekvaliteten bedre av å endre dpi?

Nei. Å endre dpi-verdien endrer bare den foreslåtte trykkstørrelsen. Oppskalering legger til piksler, men ikke ekte detaljer.

### Hvilken dpi bør jeg bruke på Instagram?

Dpi-innstillingen ignoreres. Eksporter i Instagrams pikselstørrelse, som 1080 × 1350 for et innlegg i stående format.