Převodník pixelů a DPI – prohlédni si 16 jednotek

Napiš číslo do pole Převést z a vyber jeho jednotku v seznamu pod polem, pod polem Převést na pak vyber jednotku výsledku. Výsledek se ukazuje už během psaní a funguje oběma směry: když napíšeš číslo do pole Převést na, převodník dopočítá první pole. Oba seznamy mají stejných 16 jednotek rozdělených do skupin a v první z nich, Nejpoužívanější, najdeš pixel, milimetr, centimetr a palec.

Jakmile je u některého pole pixel (px), objeví se pod poli pole Rozlišení s hodnotou 96. Napiš do něj DPI tisku nebo obrazovky a tlačítky DPI, px/cm a dppx vyber, v jakém zápisu ho zadáváš. Při změně zápisu se číslo v poli přepočítá samo: z 300 DPI se stane 118,1102 px/cm a výsledek se nezmění ani na poslední číslici.

Jednotku můžeš napsat i rovnou za číslo, třeba „12 b.“, „48 dp“ nebo „2 palce“, a převodník ji v seznamu vybere sám. Když do pole Převést z napíšeš „300 dpi“, upozorní tě, že jde o rozlišení, a ne o velikost. Tlačítko Kopírovat výsledek zkopíruje číslo z pole Převést na a Vymazat vše vyprázdní obě pole.

Pixel nemá pevnou velikost. Je to nejmenší bod digitálního obrázku a soubor si pamatuje jen to, kolik pixelů má obrázek na šířku a na výšku. Jak velký bude na papíře nebo na obrazovce, určuje teprve rozlišení, tedy kolik pixelů připadá na jeden palec (2,54 cm). Při 96 DPI má jeden pixel 0,2646 mm, při 300 DPI 0,08467 mm.

Vzorec je jednoduchý: centimetry = pixely × 2,54 / DPI a obráceně pixely = centimetry × DPI / 2,54. Fotka široká 3000 px vytištěná při 300 DPI tak měří 25,4 cm, při 150 DPI 50,8 cm.

Přesně vzato DPI (dots per inch, body na palec) popisuje tiskárnu a skener a PPI (pixels per inch, pixely na palec) obrázek a obrazovku. Grafické programy obojí nazývají rozlišením a počítají s ním stejně, takže do pole Rozlišení můžeš napsat jedno i druhé. V češtině se hustota obrazovky píše i slovy. Apple třeba uvádí rozlišení iPhonu „při 460 pixelech na palec“[1]. Nápověda Photoshopu uvádí, že obrázky pro obrazovku a web obvykle používají 72–96 PPI a tiskové obrázky 300 PPI[2].

Ve Photoshopu vyber Obraz > Velikost obrazu. V dialogovém okně najdeš Šířku a Výšku s nabídkou jednotek u každého pole a pole Rozlišení[2]. Když je volba Převzorkovat vypnutá, nové rozlišení změní jen velikost tisku a počet pixelů zůstane stejný. Když je zapnutá, Photoshop interpoluje informace o pixelech[2], tedy pixely přidá nebo ubere.

V GIMPu nastavíš rozlišení tisku v nabídce Obrázek > Velikost tisku… v polích Rozlišení X a Rozlišení Y[6]. Podle příručky tento příkaz nemění počet pixelů obrázku a obrázek nepřevzorkuje[7]. Počet pixelů změníš příkazem Obrázek > Škálovat obrázek…[6]

Hustotu pixelů (PPI) spočítáš z rozlišení a úhlopříčky: umocni na druhou počet pixelů na šířku a na výšku, sečti je, odmocni a vyděl úhlopříčkou v palcích. Monitor 24" Full HD (1920 × 1080) tak má 91,8 PPI a jeden jeho pixel měří asi 0,277 mm.

Mobily mají obrazovky mnohem hustší. Apple uvádí u iPhonu 17 Pro displej s úhlopříčkou 6,3" a rozlišením 2622 × 1206 při 460 pixelech na palec[1], takže jeden pixel tam měří asi 0,0552 mm. Obrázek široký 1000 px zabere na tomto telefonu 5,52 cm a na 24" monitoru Full HD asi 27,7 cm.

Webové stránky se měří v pixelech CSS. Specifikace CSS jim dává pevnou velikost: palec je 2,54 cm a 96 pixelů CSS[8], takže pixel CSS má vždy asi 0,2646 mm, přesně 0,75 pt. Proto má v seznamu vlastní místo, oddělené od obyčejného pixelu: pole Rozlišení jeho velikost nemění.

Obrazovka s vysokou hustotou kreslí jeden pixel CSS několika fyzickými pixely. CSS to vyjadřuje v jednotce dppx, tedy bodech na pixel CSS, kde 1 dppx odpovídá 96 DPI[8]. Obrazovka s 2 dppx kreslí každý pixel CSS jako čtverec 2 × 2 pixely a na palec CSS má 192 fyzických pixelů. Proto pole Rozlišení přijímá i dppx a také pixely na centimetr (px/cm), které CSS zapisuje jako dpcm[8].

Windows počítají podobně. Microsoft uvádí, že písmo velikosti 12 bodů odpovídá při 96 DPI 16 pixelům, a v grafické knihovně Direct2D má pixel nezávislý na zařízení (DIP) 1/96 logického palce. Při měřítku zobrazení 100 % (96 DPI), 125 % (120 DPI) a 150 % (144 DPI) zabere obdélník 200 × 100 DIP při 144 DPI 300 × 150 fyzických pixelů[9].

Android doporučuje navrhovat aplikace v pixelech nezávislých na hustotě (dp). Jeden dp odpovídá zhruba jednomu pixelu na obrazovce se 160 DPI a systém ho převádí na pixely podle vzorce px = dp × (dpi / 160)[10]. Převodník počítá dp jako 1/160 palce, takže když do pole Rozlišení napíšeš DPI telefonu, ukáže přesně tenhle počet pixelů.

Velikost textu udává Android ve škálovatelných pixelech (sp). Při výchozí velikosti textu je sp stejně velký jako dp, ale roste, když si někdo v nastavení telefonu zvětší písmo[10].

Typografický bod (pt), se kterým počítá tento převodník, měří 1/72 palce, tedy asi 0,3528 mm[8]. Český Word udává velikost písma v bodech se zkratkou „b.“: text o velikosti 12 b. má stupeň asi 4,233 mm a na obrazovce s 96 DPI 16 px. Pica (pc) má 12 bodů, tedy šestinu palce[8].

Twip je dvacetina bodu, takže palec má 1 440 twipů. Starší formát Wordu (.doc) ukládá okraje a velikost stránky v twipech a okraj široký jeden palec je v souboru zapsaný jako 1 440 twipů[11]. V XML souboru .docx se stejná jednotka jmenuje dxa: Open XML SDK od Microsoftu ji popisuje jako šířku ve dvacetinách bodu[12]. Buňka tabulky s w:w="2880" a w:type="dxa" je tedy široká 5,08 cm. Když za číslo napíšeš „dxa“, převodník ho přečte v twipech.

EMU (English Metric Unit) je jednotka formátu Office Open XML, tedy souborů .docx, .xlsx a .pptx. Microsoft ji definuje jako 914 400 na palec a 360 000 na centimetr[13], takže palec i centimetr se v ní dělí beze zbytku. Číslo 360000 v souboru PowerPointu znamená přesně 1 cm.

Mikrometry (µm) se hodí pro hodně malé rozměry, třeba pro jeden pixel obrazovky. Pixel 27" monitoru 4K UHD měří asi 156 µm.

Čtvrtmilimetr (Q) je jednotka CSS, která měří čtyřicetinu centimetru[8], tedy 0,25 mm.

Metry, stopy a yardy se hodí u velkoformátového tisku: banner široký 3 m má při 100 DPI 11 811 px a banner o šířce 10 stop při stejném rozlišení 12 000 px.