Pretvarač piksela

Što je pretvarač piksela?

Pretvarač piksela prevodi između digitalnih piksela i stvarnih jedinica duljine (milimetri, centimetri, inči) pri bilo kojem DPI-ju koji odaberete. CSS pikseli pretpostavljaju 96 DPI prema zadanim postavkama, ali ispis koristi 300 DPI, a foto ispis može doseći 600 DPI — pri različitim DPI vrijednostima, isti broj piksela preslikava se u vrlo različite fizičke veličine. Upišite vrijednost u bilo koju od četiri jedinice, odaberite DPI preset koji odgovara vašem kontekstu i ostale tri jedinice ažuriraju se u stvarnom vremenu. Svaki rezultat je jednim klikom udaljen od međuspremnika.

Kako koristiti pretvarač piksela

1. Upišite vrijednost koju želite pretvoriti u polje za unos — primjerice, 100.
2. Odaberite jedinicu u kojoj je vaša vrijednost: pikseli, milimetri, centimetri ili inči.
3. Odaberite DPI preset — 96 DPI za web, 300 DPI za ispis, ili odaberite "Prilagođeno" za unos vlastitog DPI-ja.
4. Pročitajte pretvorene vrijednosti za ostale tri jedinice u panelu rezultata ispod.
5. Kliknite Kopiraj pored bilo kojeg rezultata da ga stavite u međuspremnik ili podijelite URL — vaš unos se čuva kao parametar upita.

Tko koristi pretvarač piksela

• Učenici: Domaća zadaća iz matematike i fizike koja uključuje pretvorbe piksela u milimetre, plus vježbe rezolucije ekrana u kolegijima računalne grafike.
• Web i UI dizajneri: Određivanje veličine ikona, paddinga i komponenti iz fizičkih mjerenja maketa (mm) u CSS piksele pri ispravnom referentnom DPI-ju.
• Dizajneri za ispis: Pretvaranje pikselnih izvoza iz Photoshopa ili Figme u milimetre i inče pri 300 DPI prije slanja u tiskaru.
• Fotografi: Izračunavanje fizičkih dimenzija ispisa iz izlaza kamere (npr. 4000 × 3000 px pri 300 DPI ispisuje se kao 13,3 × 10 inča).
• Programeri: Provjera CSS pikselnih vrijednosti u odnosu na fizičke veličine navedene u specifikacijama proizvoda ili pristupačnosti.

Zašto ovaj pretvarač

• Sve četiri jedinice (pikseli, milimetri, centimetri, inči) ažuriraju se u stvarnom vremenu dok tipkate.
• Pet ugrađenih DPI preseta pokriva uobičajene slučajeve — 96 DPI web, 72 DPI naslijeđeni Mac, 150/300/600 DPI za ispis.
• Unos prilagođenog DPI-ja za nestandardne ekrane (Retina, monitori visoke rezolucije) i specijalizirane radne tijekove ispisa.
• Dijeljivi URL — vaša vrijednost, izvorna jedinica i DPI čuvaju se kao parametri upita.
• 100% u pregledniku: bez registracije, bez oglasa u panelu rezultata, a matematika je otvorenog koda.

Koliko je pretvarač točan?

Pretvarač koristi standardni omjer od 25,4 milimetra po inču i DPI koji navedete, izračunato u IEEE 754 dvostrukoj preciznosti. Rezultati su točni unutar zaokruživanja s pomičnom decimalnom točkom (≤1×10⁻⁶ relativna pogreška). Jedini izvor stvarne netočnosti je sama DPI vrijednost — ako vaš ekran zapravo ne radi pri pretpostavljenom DPI-ju, prvo kalibrirajte alatom Screen Ruler.

Često postavljana pitanja

Što je piksel?

Piksel je najmanja diskretna jedinica digitalnog ekrana ili slike. Njegova fizička veličina nije fiksna — ovisi o pikselnoj gustoći ekrana (DPI). Na 96-DPI web ekranu, jedan piksel je točno 1/96 inča (oko 0,265 mm); na 300-DPI ispisu, jedan piksel je 1/300 inča (oko 0,085 mm).

Što je DPI i zašto je važan?

DPI (točaka po inču, dots per inch) je faktor pretvorbe između piksela i fizičke duljine. Istih 100 px preslikava se u 26,46 mm pri 96 DPI, ali samo 8,47 mm pri 300 DPI. Morate koristiti DPI ciljnog medija — ekrana, ispisa ili izvoza — da bi pretvorba bila fizički smislena.

Kako pretvoriti piksele u milimetre?

Podijelite broj piksela s DPI-jem da dobijete inče, zatim pomnožite s 25,4 da dobijete milimetre: mm = (px / DPI) × 25,4. Za 100 px pri 96 DPI: 100/96 × 25,4 ≈ 26,46 mm. Pretvarač to radi za vas u stvarnom vremenu.

Trebam li koristiti 72 ili 96 DPI za web?

Koristite 96 DPI. CSS, preglednici i operacijski sustavi standardizirali su 96 referentnih piksela po inču u 1990-ima. Vrijednost 72 DPI naslijeđe je rane Apple tipografije (jedan piksel = jedna tiskarska točka) i ostaje korisna samo za određene resurse iz Mac ere — moderan rad na webu pretpostavlja 96.

Koji DPI trebam koristiti za ispis?

Koristite 300 DPI za visokokvalitetan ispis časopisa i knjiga, 150 DPI za probne otiske i radove velikog formata, te 600 DPI samo za foto ispise, finu linijsku grafiku ili tekst pod jakim povećanjem. Prelazak preko 300 DPI za općeniti rad povećava veličinu datoteke bez vidljivog poboljšanja na većini papira.

Kako Retina/HiDPI utječe na pretvorbu?

Retina i drugi HiDPI ekrani prikazuju dva ili tri fizička piksela za svaki CSS piksel. Pretvarač prema zadanim postavkama radi u CSS pikselima, pa je 100 CSS px pri 96 DPI ispravno za bilo koji HiDPI ekran. Ako trebate broj fizičkih piksela, pomnožite s omjerom piksela uređaja (window.devicePixelRatio u pregledniku).

Zašto moj web dizajn izgleda manji na 4K monitoru?

Većina operacijskih sustava pokreće 4K monitore pri skaliranju od 150–200%, što čini CSS piksele vizualno sličnima 1080p ekranu. Ako je skaliranje isključeno, vaš dizajn će izgledati fizički manji jer isti broj piksela pokriva manje stvarnih inča. Prilagodite DPI skaliranje u postavkama OS-a ili koristite rem/postotne jedinice umjesto fiksnih px.

DPI dubinski uvid — odaberi pravi broj jednom zauvijek

Svaka pretvorba piksela u duljinu samo je jedna jednadžba: duljina = pikseli ÷ DPI. Težak dio je odabir DPI-ja koji odgovara mediju u kojem će vaš izlaz živjeti. Pogrešan DPI ne baca grešku — tiho proizvodi broj koji je matematički točan i fizički pogrešan. Postavke u nastavku pokrivaju 95% stvarnog rada.

Web rad — uvijek 96 DPI

CSS, preglednici i operacijski sustavi standardizirali su se na 96 referentnih piksela po inču kasnih 1990-ih i taj broj se nije pomaknuo. Svaki moderni preglednik tretira 1 CSS piksel kao 1/96 inča bez obzira na fizički zaslon. Retina i 4K monitori renderiraju s većom fizičkom gustoćom, ali OS skalira CSS piksele natrag na referentnih 96 DPI, pa vaša matematika ostaje valjana. Tretirajte 72 DPI kao naslijeđe — bitno je samo ako povlačite resurse s Macova prije OS X-a.

Tisak — 150, 300 ili 600 DPI

Većina časopisa, knjiga i potrošačkih foto ispisa koristi 300 DPI. Spustite na 150 DPI za nacrt probe i velikoformatni rad gdje udaljenost gledanja skriva gubitak rezolucije; to prepolovljuje veličinu datoteke i još uvijek se čita oštro s metra udaljenosti. Idite na 600 DPI samo kad će ispis biti pregledan izbliza — fina linijska umjetnost, tehnički crteži, mali tekst na sjajnom papiru. Iznad 600 DPI gotovo nikad ne poboljšava vidljivu kvalitetu i troši disk.

Retina i HiDPI — radite u CSS pikselima

Retina zaslon renderira dva ili tri fizička piksela za svaki CSS piksel, ali OS to skriva od vašeg koda. Ostanite na CSS pikselima (96 DPI) za matematiku rasporeda. Ako trebate stvarni broj fizičkih piksela — primjerice kod isporuke bitmap resursa koji trebaju izgledati oštro na svakom uređaju — pomnožite s window.devicePixelRatio u vremenu izvođenja i isporučite @2x ili @3x varijante. Pretvarač piksela tretira ulaz kao CSS piksele po zadanom; označite okvir Custom DPI samo kad ste stvarno izmjerili fizičku gustoću piksela poznatog zaslona.

Uobičajeni obrasci pretvorbe

Neke vrijednosti piksela pojavljuju se tako često da ih je vrijedno zapamtiti. Tablica u nastavku prikazuje u što se 100 px, 1000 px i tipična Full HD širina (1920 px) prevode na četiri najčešće vrijednosti DPI.

Praktični savjeti za programere

Prvo provjeri u DevTools-u

Prije nego što povjerujete pretvorbi, potvrdite da preglednik javlja 96 referentnih DPI tako da u konzolu upišete window.matchMedia('(min-resolution: 96dpi)').matches. Na ispravno konfiguriranom sustavu ovo vraća true. Ako vraća false, vaše skaliranje OS-a ili razina zumiranja nisu zadani i pretvorbu treba prilagoditi.

Uvijek izvozite u ciljanom DPI-u

Photoshop, Figma i većina dizajnerskih alata izvoze pri DPI-u platna po zadanom. Postavite DPI platna na ciljani medij prije izvoza — izvoz platna 96 DPI pri 300 DPI ne uzlazno uzorkuje sliku; samo preimenuje metapodatke i ispisuje pri trećini namijenjene fizičke veličine.

Kalibrirajte zaslon za temeljnu istinu

Ako vaš rad ovisi o fizičkoj točnosti — mjerenje predmeta u ruci nasuprot zaslona, određivanje veličine ikone prema poznatoj širini kreditne kartice — prvo otvorite alat Screen Ruler i kalibrirajte prema pravoj kreditnoj kartici. Stvarni DPI vašeg zaslona rijetko se poklapa sa specifikacijom; kalibracija veže pretvorbu uz fizičku stvarnost.