# DPI eller PPI: skillnaden och varför 300 dpi spelar roll [Canonical HTML page](https://gradiently.design/sv/guide/dpi-vs-ppi) Två begrepp som används som om de betyder samma sak, och i samtal gör de oftast det. Den verkliga skillnaden, den enda uträkning du behöver och när siffran faktiskt spelar roll. ## The short version - PPI, pixlar per tum, beskriver hur många pixlar i en digital bild eller skärm som ryms i en tum. - DPI, punkter per tum, beskriver hur många bläckpunkter en skrivare placerar i en tum. - När ett tryckeri ber om en fil på 300 dpi menar de en bild med tillräckligt många pixlar för att ge 300 pixlar per tum i den tryckta storleken. - För att räkna ut vilka pixlar du behöver, multiplicera utskriftsstorleken i tum med 300. En utskrift på 6 × 4 tum kräver 1800 × 1200 pixlar. - Att ändra en bilds dpi-inställning utan att ändra dess pixelmått gör den inte skarpare. Bara fler pixlar gör det. 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 ### PPI: pixlar per tum - Hör till en digital bild eller en skärm - Varje pixel är en ruta i en färg - Avgör hur stor en bild kan skrivas ut skarpt - En etikett i filen. Det är pixlarna som räknas - Skärmar: displayens fysiska täthet ### DPI: punkter per tum - Hör till en skrivare - Många små bläckpunkter blandas till en färg - Avgör hur fin skrivarens utskrift är - En inställning på skrivaren, ofta 600 till 2400 - Inget du ställer in i en designfil 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 ```text 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 ``` Varje fråga om tryckupplösning kokar ner till dessa två rader. 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](https://gradiently.design/sv/guide/image-resolution-for-print) har en fullständig tabell över storlekar. - 1800×1200 vid 300 ppi: 6 × 4 tum: 6 × 4 - 1800×1200 vid 150 ppi: 12 × 8 tum: 12 × 8 - 1800×1200 vid 72 ppi: 25 × 16,7 tum: 25 × 17 En bild, tre utskriftsstorlekar, ritade i skala. Pixlarna ändras aldrig, bara hur vitt de sprids, och de större utskrifterna ser motsvarande mjukare ut på nära håll. ## 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](https://gradiently.design/sv/guide/poster-size-guide). 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. | Situation | Upplösning att sikta på | Vad som egentligen spelar roll | | --- | --- | --- | | Flyers, kort, inbjudningar | 300 ppi i utskriftsstorlek | Pixlar = tum × 300 | | Affischer som ses på några meters håll | 150 till 300 ppi | Fråga ditt tryckeri | | Inlägg i sociala medier | Vilken etikett som helst | Plattformens pixelstorlek, som 1080 × 1350 | | Webbplatser | Vilken etikett som helst | Pixelstorlek, ofta dubbelt så stor som visningsstorleken | | Logotyper och text för tryck | Vektor (SVG eller PDF) | Inga pixlar alls, alltså ingen gräns | Bara tryck bryr sig om pixlar per tum. Överallt annars, tänk i pixelmått. 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](https://gradiently.design/sv/guide/rgb-vs-cmyk) förklarar vad du kan vänta dig, och [tryck av gradienter](https://gradiently.design/sv/guide/print-gradients) 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. > **Kolla en fil på fem sekunder** Ignorera dpi-fältet. Titta på pixelmåtten, dividera bredden med 300 så har du den bredaste skarpa utskriften i tum. ## 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: ```html Spring collection hero ``` En banner på 1200 × 600 med en version med dubbel täthet för skärmar med hög upplösning. Se MDN:s guide till [responsiva bilder](https://developer.mozilla.org/en-US/docs/Web/HTML/Guides/Responsive_images). 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](https://gradiently.design/sv/guide/png-vs-jpeg) och [SVG eller PNG](https://gradiently.design/sv/guide/svg-vs-png). ## FAQ ### Vad är skillnaden mellan DPI och PPI? PPI är pixlar per tum i en digital bild eller skärm. DPI är antalet bläckpunkter en skrivare placerar per tum. I tryckbeställningar betyder ”300 dpi” 300 pixlar per tum i den färdiga storleken. ### Är 72 dpi eller 300 dpi bättre? För tryck behöver en bild 300 pixlar per tum i sin tryckta storlek. För skärmar spelar etiketten ingen roll. Bara pixelmåtten räknas. ### Hur många pixlar är 300 dpi? Det beror på storleken: multiplicera tum med 300. En utskrift på 6 × 4 tum kräver 1800 × 1200 pixlar, en A4-sida 2480 × 3508. ### Förbättrar en ändring av dpi bildkvaliteten? Nej. Att ändra dpi-värdet ändrar bara den föreslagna utskriftsstorleken. Uppskalning lägger till pixlar men inte verkliga detaljer. ### Vilken dpi ska jag använda för Instagram? Dpi-inställningen ignoreras. Exportera i Instagrams pixelstorlek, som 1080 × 1350 för ett stående inlägg.