Převodník pixelů

Co je převodník pixelů?

Převodník pixelů překládá mezi digitálními pixely a reálnými jednotkami délky (milimetry, centimetry, palce) při libovolném DPI, které zvolíte. CSS pixely ve výchozím nastavení předpokládají 96 DPI, ale tisková práce používá 300 DPI a fotografický tisk může dosáhnout až 600 DPI — při různých hodnotách DPI odpovídá stejný počet pixelů velmi odlišným fyzickým rozměrům. Zadejte hodnotu do kterékoli ze čtyř jednotek, vyberte předvolbu DPI odpovídající vašemu kontextu a ostatní tři jednotky se aktualizují v reálném čase. Každý výsledek je jen jedno kliknutí od schránky.

Jak používat převodník pixelů

1. Zadejte hodnotu, kterou chcete převést, do vstupního pole — například 100.
2. Vyberte jednotku, ve které je vaše hodnota: pixely, milimetry, centimetry nebo palce.
3. Vyberte předvolbu DPI — 96 DPI pro web, 300 DPI pro tisk, nebo zvolte „Vlastní“ a zadejte vlastní DPI.
4. Přečtěte si převedené hodnoty pro ostatní tři jednotky v panelu výsledků níže.
5. Kliknutím na Kopírovat vedle libovolného výsledku jej uložíte do schránky, nebo sdílejte URL — váš vstup zůstane uložen jako parametr dotazu.

Kdo používá převodník pixelů

• Studenti: Domácí úkoly z matematiky a fyziky zahrnující převody pixelů na milimetry a cvičení s rozlišením obrazovky v kurzech počítačové grafiky.
• Web a UI designéři: Stanovení velikosti ikon, paddingu a komponent z fyzických rozměrů maket (mm) na CSS pixely při správném referenčním DPI.
• Tiskoví designéři: Převod pixelových exportů z Photoshopu nebo Figmy na milimetry a palce při 300 DPI před odesláním do tiskárny.
• Fotografové: Výpočet fyzických rozměrů tisku z výstupu fotoaparátu (např. 4000 × 3000 px při 300 DPI se vytiskne na 13,3 × 10 palců).
• Vývojáři: Ověřování CSS pixelových hodnot oproti fyzickým rozměrům uvedeným v produktových nebo přístupnostních specifikacích.

Proč tento převodník

• Všechny čtyři jednotky (pixely, milimetry, centimetry, palce) se aktualizují v reálném čase, jak píšete.
• Pět vestavěných předvoleb DPI pokrývá běžné případy — 96 DPI web, 72 DPI starší Mac, 150/300/600 DPI pro tisk.
• Vlastní zadání DPI pro nestandardní displeje (Retina, monitory s vysokým DPI) a specializované tiskové procesy.
• Sdílitelná URL — vaše hodnota, zdrojová jednotka a DPI zůstávají jako parametry dotazu.
• 100 % v prohlížeči: bez registrace, bez reklam v panelu výsledků a matematika je open source.

Jak přesný je převodník?

Převodník používá standardní poměr 25,4 milimetru na palec a vámi zadané DPI, počítané ve dvojité přesnosti IEEE 754. Výsledky jsou přesné v rámci zaokrouhlování s plovoucí desetinnou čárkou (≤ 1×10⁻⁶ relativní chyba). Jediným zdrojem reálné nepřesnosti je samotná hodnota DPI — pokud váš displej ve skutečnosti neběží na předpokládaném DPI, nejprve jej kalibrujte pomocí nástroje Screen Ruler.

Často kladené otázky

Co je pixel?

Pixel je nejmenší samostatná jednotka digitálního displeje nebo obrázku. Jeho fyzická velikost není pevně daná — závisí na hustotě pixelů obrazovky (DPI). Na 96-DPI webovém displeji je jeden pixel přesně 1/96 palce (asi 0,265 mm); na tisku 300 DPI je jeden pixel 1/300 palce (asi 0,085 mm).

Co je DPI a proč na něm záleží?

DPI (body na palec) je převodní faktor mezi pixely a fyzickou délkou. Stejných 100 px odpovídá 26,46 mm při 96 DPI, ale pouze 8,47 mm při 300 DPI. Musíte použít DPI cílového média — obrazovky, tisku nebo exportu — aby byl převod fyzicky smysluplný.

Jak převedu pixely na milimetry?

Vydělte počet pixelů hodnotou DPI, abyste získali palce, a pak vynásobte 25,4 pro získání milimetrů: mm = (px / DPI) × 25,4. Pro 100 px při 96 DPI: 100/96 × 25,4 ≈ 26,46 mm. Převodník to dělá za vás v reálném čase.

Mám pro web použít 72 nebo 96 DPI?

Použijte 96 DPI. CSS, prohlížeče a operační systémy se v 90. letech standardizovaly na 96 referenčních pixelů na palec. Hodnota 72 DPI je dědictvím rané typografie Apple (jeden pixel = jeden tiskařský bod) a zůstává užitečná pouze pro specifické materiály z éry Mac — moderní webová práce předpokládá 96.

Jaké DPI mám použít pro tisk?

Použijte 300 DPI pro vysoce kvalitní tisk časopisů a knih, 150 DPI pro pracovní nátisky a velkoformátovou práci a 600 DPI pouze pro fotografické tisky, jemnou kresbu nebo text při velkém zvětšení. Překročení 300 DPI pro běžnou práci zvyšuje velikost souboru bez viditelného zlepšení na většině papírů.

Jak Retina/HiDPI ovlivňuje převod?

Retina a další HiDPI displeje vykreslují dva nebo tři fyzické pixely na každý CSS pixel. Převodník ve výchozím nastavení pracuje v CSS pixelech, takže 100 CSS px při 96 DPI je správné pro jakoukoli HiDPI obrazovku. Pokud potřebujete počet fyzických pixelů, vynásobte poměrem pixelů zařízení (window.devicePixelRatio v prohlížeči).

Proč můj webový design vypadá menší na 4K monitoru?

Většina operačních systémů provozuje 4K monitory s 150–200% škálováním, což udržuje CSS pixely vizuálně podobné displeji 1080p. Pokud je škálování vypnuté, váš design se bude jevit fyzicky menší, protože stejný počet pixelů pokrývá méně skutečných palců. Upravte škálování DPI v nastavení OS nebo místo pevných px použijte jednotky rem/procenta.

Hluboký ponor do DPI — vyber správné číslo jednou

Každý převod pixelu na délku je jen jedna rovnice: délka = pixely ÷ DPI. Těžké je vybrat DPI, které odpovídá médiu, ve kterém bude váš výstup žít. Špatné DPI nehází chybu — tiše vyrobí číslo, které je matematicky správné a fyzicky chybné. Předvolby níže pokrývají 95 % skutečné práce.

Webová práce — vždy 96 DPI

CSS, prohlížeče a operační systémy se na konci 90. let standardizovaly na 96 referenčních pixelech na palec a toto číslo se nepohnulo. Každý moderní prohlížeč zachází s 1 CSS pixelem jako s 1/96 palce bez ohledu na fyzický displej. Retina a 4K monitory renderují vyšší fyzickou hustotou, ale OS škáluje CSS pixely zpět na referenci 96 DPI, takže vaše matematika zůstává platná. Považujte 72 DPI za dědictví — záleží jen pokud taháte aktiva z Maců před OS X.

Tisková práce — 150, 300 nebo 600 DPI

Většina časopisů, knih a spotřebitelských foto tisků používá 300 DPI. Klesněte na 150 DPI pro koncepty a velkoformátovou práci, kde pozorovací vzdálenost skryje ztrátu rozlišení; to půlí velikost souboru a stále se čte ostře z metru. Stoupejte na 600 DPI jen když bude tisk zkoumán zblízka — jemná lineární grafika, technické výkresy, malý text na lesklém papíru. Překročení 600 DPI téměř nikdy nezlepší viditelnou kvalitu a žere disk.

Retina a HiDPI — pracujte v CSS pixelech

Retina displej renderuje dva nebo tři fyzické pixely na každý CSS pixel, ale OS to skrývá před vaším kódem. Zůstaňte u CSS pixelů (96 DPI) pro matematiku rozvržení. Pokud potřebujete skutečný počet fyzických pixelů — například při dodávání bitmapových aktiv, která mají vypadat ostře na každém zařízení — vynásobte window.devicePixelRatio za běhu a dodejte @2x nebo @3x varianty. Konvertor pixelů ve výchozím nastavení zachází se vstupem jako s CSS pixely; zaškrtněte políčko Custom DPI jen když jste skutečně změřili fyzickou hustotu pixelů známého displeje.

Běžné vzory převodů

Některé hodnoty pixelů se objevují tak často, že stojí za zapamatování. Tabulka níže ukazuje, na co se 100 px, 1000 px a typická Full HD šířka (1920 px) převádějí při čtyřech nejběžnějších hodnotách DPI.

Praktické tipy pro vývojáře

Nejprve ověřte v DevTools

Než budete převodu věřit, potvrďte, že prohlížeč hlásí 96 referenčních DPI zadáním window.matchMedia('(min-resolution: 96dpi)').matches do konzole. Na správně nakonfigurovaném systému to vrátí true. Pokud vrátí false, vaše škálování OS nebo úroveň přiblížení nejsou výchozí a převod potřebuje úpravu.

Vždy exportujte v cílovém DPI

Photoshop, Figma a většina designových nástrojů exportuje v DPI plátna ve výchozím nastavení. Nastavte DPI plátna na cílové médium před exportem — export plátna 96 DPI při 300 DPI obraz neupsampluje; jen přejmenuje metadata a vytiskne se na třetině zamýšlené fyzické velikosti.

Zkalibrujte obrazovku pro základní pravdu

Pokud vaše práce závisí na fyzické přesnosti — měření drženého předmětu proti obrazovce, dimenzování ikony na známou šířku kreditní karty — nejprve otevřete nástroj Screen Ruler a zkalibrujte proti skutečné kreditní kartě. Skutečné DPI vaší obrazovky se zřídka shoduje se specifikačním listem; kalibrace ukotví převod ve fyzické realitě.