# DPI vs PPI: forskellen, og hvorfor 300 dpi har betydning [Canonical HTML page](https://gradiently.design/da/guide/dpi-vs-ppi) To begreber, der bruges, som om de betyder det samme, og i samtale gør de for det meste også. Den reelle forskel, det ene regnestykke, du har brug for, og hvornår tallet faktisk betyder noget. ## The short version - PPI, pixel pr. tomme, beskriver, hvor mange pixel i et digitalt billede eller på en skærm der er plads til på én tomme. - DPI, dots per inch, altså prikker pr. tomme, beskriver, hvor mange blækprikker en printer sætter på én tomme. - Når et trykkeri beder om en fil på 300 dpi, mener de et billede med nok pixel til at give 300 pixel pr. tomme i den trykte størrelse. - For at finde ud af, hvor mange pixel du skal bruge, ganger du tryk-størrelsen i tommer med 300; et print på 6 × 4 tommer kræver 1800 × 1200 pixel. - Hvis du ændrer et billedes dpi-indstilling uden at ændre dets pixelmål, bliver det ikke skarpere; kun flere pixel gør det. Det korte svar på **dpi vs ppi**: PPI (pixel pr. tomme) beskriver et digitalt billede eller en skærm, og DPI (prikker pr. tomme) beskriver, hvor fint en printer lægger blæk. I hverdagen behandles de som det samme, og når et trykkeri beder om »300 dpi«, mener det i virkeligheden 300 pixel pr. tomme i den færdige størrelse. Det, der tæller, er antallet af pixel: gang tryk-størrelsen i tommer med 300, så har du de pixel, du skal bruge. ## Hvad PPI og DPI faktisk måler ### PPI: pixel pr. tomme - Hører til et digitalt billede eller en skærm - Hver pixel er ét kvadrat i én farve - Afgør, hvor stort et billede kan trykkes skarpt - En etiket i filen; det er pixlerne, der tæller - Skærme: displayets fysiske tæthed ### DPI: prikker pr. tomme - Hører til en printer - Mange små blækprikker blander sig til én farve - Afgør, hvor fint printerens output er - En indstilling på printeren, ofte 600 til 2400 - Ikke noget, du angiver i en designfil En printer skal bruge flere blækprikker for at gengive farven i én pixel, og derfor opgiver printere prikdensiteter, der er langt højere end 300. De to tal beskriver altså forskellige ting. Fordi designsoftware og trykkerier siger »dpi« om begge, er det sikreste at oversætte enhver anmodning om »300 dpi« til »300 pixel for hver tomme af det trykte stykke«. ## Det ene regnestykke, du har brug for ```text pixel = tommer x ppi tryk-størrelse = pixel / ppi 6 x 4 in postkort ved 300 ppi -> 1800 x 1200 px A4 (8.27 x 11.69 in) ved 300 -> 2480 x 3508 px 1080 x 1350 px ved 300 ppi -> 3.6 x 4.5 in millimeter til tommer: divider med 25.4 ``` Hvert spørgsmål om trykopløsning kommer ned på de to linjer. Regn stykket baglæns, og du ved, hvor stort et eksisterende billede kan trykkes. Et Instagram-opslag på 1080 × 1350 ved 300 ppi trykkes skarpt i kun 3,6 × 4,5 tommer. Stræk det til A4, og hver pixel strækkes til mere end dobbelt bredde, og så ser tryk blødt ud. Vores guide til [opløsning til tryk](https://gradiently.design/da/guide/image-resolution-for-print) har en fuld tabel over størrelser. - 1800×1200 ved 300 ppi: 6 × 4 in: 6 × 4 - 1800×1200 ved 150 ppi: 12 × 8 in: 12 × 8 - 1800×1200 ved 72 ppi: 25 × 16,7 in: 25 × 17 Ét billede, tre trykstørrelser, tegnet i målestok. Pixlerne ændrer sig aldrig; kun hvor bredt de er spredt, og de største tryk ser tilsvarende blødere ud på tæt hold. ## Hvorfor 300 dpi til tryk, og 72 dpi er en myte 300 pixel pr. tomme er den mangeårige trykstandard, fordi man på normal læseafstand ikke kan skelne enkelte pixel ud over cirka den tæthed. Plakater og bannere, der ses fra længere væk, kan bruge mindre, ofte 150, hvilket er beskrevet i [plakatstørrelser](https://gradiently.design/da/guide/poster-size-guide). Ideen om, at webbilleder skal være »72 dpi«, stammer fra tidlige Mac-skærme, der tilfældigvis viste 72 pixel pr. tomme. Skærme ignorerer dpi-etiketten fuldstændigt; en browser eller telefon viser et billede efter dets pixelmål. Et billede på 1200 × 630 mærket 72 dpi og det samme billede mærket 300 dpi ser ens ud på skærmen og fylder præcis det samme, plus minus nogle få bytes metadata. | Situation | Opløsning at sigte efter | Hvad der faktisk tæller | | --- | --- | --- | | Flyers, kort, invitationer | 300 ppi i trykstørrelsen | Pixel = tommer × 300 | | Plakater set fra nogle få meters afstand | 150 til 300 ppi | Spørg dit trykkeri | | Opslag på sociale medier | Enhver etiket | Platformens pixelstørrelse, fx 1080 × 1350 | | Hjemmesider | Enhver etiket | Pixelstørrelse, ofte det dobbelte af visningsstørrelsen | | Logoer og tekst til tryk | Vektor (SVG eller PDF) | Slet ingen pixel, så ingen grænse | Kun tryk bekymrer sig om pixel pr. tomme. Alle andre steder skal du tænke i pixelmål. Opløsning er ikke det eneste, der ændrer sig mellem skærm og papir. Farven skifter også, fordi skærme blander lys, og trykpresser blander blæk; [RGB vs CMYK](https://gradiently.design/da/guide/rgb-vs-cmyk) forklarer, hvad du kan forvente, og [print af gradienter](https://gradiently.design/da/guide/print-gradients) gennemgår de bløde overgange, der lider mest. ## Ændring af dpi tilføjer ikke detaljer De fleste billededitorer lader dig skrive en ny dpi-værdi. Ændrer du tallet uden at resample, forbliver pixlerne de samme, og kun den foreslåede trykstørrelse ændrer sig. Resampler du opad, opfinder softwaren nye pixel ved at blande naboer, hvilket gør billedet større, men ikke skarpere. Den eneste reelle løsning for et billede med lav opløsning er en større original eller et design, der kan renderes igen i den størrelse, du skal bruge. > **Tjek en fil på fem sekunder** Ignorér dpi-feltet. Se på pixelmålene, divider bredden med 300, så har du det bredeste skarpe tryk i tommer. ## Pixeltæthed på skærme Skærme har en reel ppi: moderne telefoner pakker langt flere pixel ind i en tomme end en gammel computerskærm. For at holde tingene læselige tegner de hver CSS-pixel med to eller tre fysiske pixel. Derfor eksporteres et skarpt webbillede som regel i det dobbelte af den størrelse, det vises i. Browseren vælger den rigtige, hvis du tilbyder den: ```html Spring collection hero ``` Et banner på 1200 × 600 med en version i dobbelt tæthed til skærme med høj opløsning. Se MDN's guide til [responsive billeder](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Responsive_images). Gradienter og renderede designs undgår det meste af det her. Fordi de ikke har faste pixel, kan de tegnes igen i den størrelse, en skærm eller printer har brug for. trykstørrelser i Gradiently er allerede sat til 300 dpi, egne størrelser går op til 8.000 pixel, og Pro eksporterer op til 4K samt SVG og tryk-PDF. Til valg af formater, se [PNG vs JPG](https://gradiently.design/da/guide/png-vs-jpeg) og [SVG vs PNG](https://gradiently.design/da/guide/svg-vs-png). ## FAQ ### Hvad er forskellen på DPI og PPI? PPI er pixel pr. tomme i et digitalt billede eller på en skærm. DPI er antallet af blækprikker, en printer sætter pr. tomme. I trykanmodninger betyder »300 dpi« 300 pixel pr. tomme i den færdige størrelse. ### Er 72 dpi eller 300 dpi bedst? Til tryk skal et billede have 300 pixel pr. tomme i sin trykte størrelse. På skærme gør etiketten ingen forskel; kun pixelmålene tæller. ### Hvor mange pixel er 300 dpi? Det afhænger af størrelsen: gang tommer med 300. Et print på 6 × 4 tommer kræver 1800 × 1200 pixel, en A4-side 2480 × 3508. ### Forbedrer ændring af dpi billedkvaliteten? Nej. Ændring af dpi-værdien ændrer kun den foreslåede trykstørrelse. Opskalering tilføjer pixel, men ikke reelle detaljer. ### Hvilken dpi skal jeg bruge til Instagram? Dpi-indstillingen ignoreres. Eksportér i Instagrams pixelstørrelse, fx 1080 × 1350 til et opslag i højformat.