Konverter piksela

Šta je konverter piksela?

Konverter piksela prevodi između digitalnih piksela i realnih jedinica dužine (milimetri, centimetri, inči) pri DPI vrednosti koju izaberete. CSS pikseli podrazumevaju 96 DPI, ali rad za štampu koristi 300 DPI, a foto-štampa može dostići 600 DPI — pri različitim DPI vrednostima isti broj piksela odgovara veoma različitim fizičkim veličinama. Otkucajte vrednost u bilo koju od četiri jedinice, izaberite DPI koji odgovara vašem kontekstu, a druge tri jedinice se ažuriraju u realnom vremenu. Svaki rezultat je jedan klik udaljen od međuspremnika.

Kako koristiti konverter piksela

1. Otkucajte vrednost koju želite da pretvorite u polje za unos — na primer, 100.
2. Izaberite jedinicu vaše vrednosti: pikseli, milimetri, centimetri ili inči.
3. Izaberite DPI vrednost — 96 DPI za veb, 300 DPI za štampu, ili odaberite „Custom" da unesete sopstveni DPI.
4. Pročitajte pretvorene vrednosti za druge tri jedinice u panelu sa rezultatima ispod.
5. Kliknite Kopiraj pored bilo kog rezultata da ga stavite u međuspremnik, ili podelite URL — vaš unos ostaje sačuvan kao parametar upita.

Ko koristi konverter piksela

• Studenti: Domaći zadaci iz matematike i fizike koji uključuju pretvaranje piksela u milimetre, kao i vežbe iz rezolucije ekrana na kursevima računarske grafike.
• Veb i UI dizajneri: Određivanje veličine ikona, razmaka i komponenti iz fizičkih mera maketa (mm) u CSS piksele pri odgovarajućem referentnom DPI.
• Dizajneri za štampu: Pretvaranje izvoza iz Photoshopa ili Figme u pikselima u milimetre i inče pri 300 DPI pre slanja u štampariju.
• Fotografi: Računanje fizičkih dimenzija otiska iz izlaza kamere (npr. 4000 × 3000 px pri 300 DPI štampa se na 13,3 × 10 inča).
• Programeri: Provera CSS vrednosti u pikselima u odnosu na fizičke veličine navedene u proizvodnim ili specifikacijama pristupačnosti.

Zašto baš ovaj konverter

• Sve četiri jedinice (pikseli, milimetri, centimetri, inči) se ažuriraju u realnom vremenu dok kucate.
• Pet ugrađenih DPI vrednosti pokriva uobičajene slučajeve — 96 DPI veb, 72 DPI Mac legacy, 150/300/600 DPI za štampu.
• Unos prilagođenog DPI za nestandardne ekrane (Retina, monitori visoke rezolucije) i specijalizovane tokove rada za štampu.
• Deljiv URL — vaša vrednost, izvorna jedinica i DPI ostaju sačuvani kao parametri upita.
• 100% u pregledaču: bez registracije, bez reklama u panelu sa rezultatima, a matematika je open source.

Koliko je konverter tačan?

Konverter koristi standardni odnos od 25,4 milimetra po inču i DPI koji navedete, izračunato u IEEE 754 dvostrukoj preciznosti. Rezultati su tačni u okviru zaokruživanja s pokretnim zarezom (≤1×10⁻⁶ relativne greške). Jedini izvor stvarne netačnosti je sama DPI vrednost — ako vaš ekran zaista ne radi pri pretpostavljenom DPI, prvo ga kalibrišite alatom Screen Ruler.

Često postavljana pitanja

Šta je piksel?

Piksel je najmanja diskretna jedinica digitalnog ekrana ili slike. Njegova fizička veličina nije fiksna — zavisi od gustine piksela ekrana (DPI). Na ekranu od 96 DPI jedan piksel je tačno 1/96 inča (oko 0,265 mm); na otisku od 300 DPI jedan piksel je 1/300 inča (oko 0,085 mm).

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

DPI (tačaka po inču) je faktor pretvaranja između piksela i fizičke dužine. Istih 100 px odgovara 26,46 mm pri 96 DPI, ali samo 8,47 mm pri 300 DPI. Morate koristiti DPI ciljnog medija — ekrana, otiska ili izvoza — da bi pretvaranje imalo fizički smisao.

Kako da pretvorim piksele u milimetre?

Podelite broj piksela sa DPI da dobijete inče, zatim pomnožite sa 25,4 da dobijete milimetre: mm = (px / DPI) × 25,4. Za 100 px pri 96 DPI: 100/96 × 25,4 ≈ 26,46 mm. Konverter to radi za vas u realnom vremenu.

Treba li da koristim 72 ili 96 DPI za veb?

Koristite 96 DPI. CSS, pregledači i operativni sistemi su devedesetih standardizovali 96 referentnih piksela po inču. Vrednost od 72 DPI je ostavština rane Apple tipografije (jedan piksel = jedna štamparska tačka) i korisna je samo za određene Mac materijale iz tog perioda — savremen veb rad pretpostavlja 96.

Koji DPI da koristim za štampu?

Koristite 300 DPI za visokokvalitetnu štampu časopisa i knjiga, 150 DPI za probne otiske i radove velikog formata, a 600 DPI samo za foto-otiske, finu linearnu grafiku ili tekst pod jakim uvećanjem. Prelaženje 300 DPI za uobičajeni rad povećava veličinu fajla bez vidljivog poboljšanja na većini papira.

Kako Retina/HiDPI utiče na pretvaranje?

Retina i drugi HiDPI ekrani prikazuju dva ili tri fizička piksela za svaki CSS piksel. Konverter podrazumevano radi sa CSS pikselima, pa je 100 CSS px pri 96 DPI ispravno za bilo koji HiDPI ekran. Ako vam je potreban broj fizičkih piksela, pomnožite sa odnosom piksela uređaja (window.devicePixelRatio u pregledaču).

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

Većina operativnih sistema pokreće 4K monitore sa skaliranjem od 150–200%, što čini da CSS pikseli vizuelno ostaju slični 1080p ekranu. Ako je skaliranje isključeno, vaš dizajn će izgledati fizički manji jer isti broj piksela pokriva manje stvarnih inča. Podesite DPI skaliranje u podešavanjima OS-a, ili koristite jedinice rem/proceniti umesto fiksnih px.

Dubinski uvid u DPI — izaberi pravi broj jednom

Svako pretvaranje piksela u dužinu samo je jedna jednačina: dužina = pikseli ÷ DPI. Težak deo je izabrati DPI koji odgovara medijumu u kome će vaš izlaz živeti. Pogrešan DPI ne baca grešku — tiho proizvodi broj koji je matematički tačan i fizički pogrešan. Podešavanja u nastavku pokrivaju 95% stvarnog rada.

Veb rad — uvek 96 DPI

CSS, pretraživači i operativni sistemi su se kasnih 1990-ih standardizovali na 96 referentnih piksela po inču i taj broj se nije pomerio. Svaki moderni pretraživač tretira 1 CSS piksel kao 1/96 inča bez obzira na fizički ekran. Retina i 4K monitori renderuju u većoj fizičkoj gustini ali OS skalira CSS piksele nazad na referentnih 96 DPI, pa vaša matematika ostaje validna. Tretirajte 72 DPI kao nasleđe — bitno je samo ako povlačite resurse sa Mac-ova pre OS X-a.

Štampa — 150, 300 ili 600 DPI

Većina časopisa, knjiga i potrošačkih foto otisaka koristi 300 DPI. Spustite na 150 DPI za nacrt probe i veliki format gde udaljenost gledanja skriva gubitak rezolucije; to prepolovljuje veličinu fajla i još se čita oštro sa metra. Idite na 600 DPI samo kad će štampa biti pregledana izbliza — fina linijska umetnost, tehnički crteži, sitan tekst na sjajnom papiru. Iznad 600 DPI gotovo nikad ne poboljšava vidljivi kvalitet i troši disk.

Retina i HiDPI — radite u CSS pikselima

Retina ekran renderuje 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 vam treba stvarni broj fizičkih piksela — recimo kad isporučujete bitmap resurse koji treba da izgledaju oštro na svakom uređaju — pomnožite sa window.devicePixelRatio u vremenu izvršenja i isporučite @2x ili @3x varijante. Pretvarač piksela tretira ulaz kao CSS piksele po podrazumevanom; označite Custom DPI okvir samo kad ste stvarno izmerili fizičku gustinu piksela poznatog ekrana.

Uobičajeni obrasci pretvaranja

Neke vrednosti piksela se pojavljuju toliko često da ih je vredno zapamtiti. Tabela u nastavku pokazuje u šta se 100 px, 1000 px i tipična Full HD širina (1920 px) prevode na četiri najčešće DPI vrednosti.

Praktični saveti za programere

Prvo proveri u DevTools-u

Pre nego što poverujete pretvaranju, potvrdite da pretraživač prijavljuje 96 referentnih DPI tako što ćete u konzolu uneti window.matchMedia('(min-resolution: 96dpi)').matches. Na ispravno konfigurisanom sistemu to vraća true. Ako vrati false, vaše skaliranje OS-a ili nivo zumiranja nisu podrazumevani i pretvaranje treba prilagoditi.

Uvek izvozite na ciljnom DPI-u

Photoshop, Figma i većina dizajnerskih alata izvoze na DPI-u platna po podrazumevanom. Postavite DPI platna na ciljni medijum pre izvoza — izvoz platna 96 DPI na 300 DPI ne upsempluje sliku; samo preimenuje metapodatke i štampa na trećini namenjene fizičke veličine.

Kalibriši ekran za fundamentalnu istinu

Ako vaš rad zavisi od fizičke tačnosti — merenje predmeta u ruci u odnosu na ekran, određivanje veličine ikone prema poznatoj širini kreditne kartice — prvo otvorite alat Screen Ruler i kalibrišite prema pravoj kreditnoj kartici. Stvarni DPI vašeg ekrana retko se poklapa sa listom specifikacija; kalibracija veže pretvaranje za fizičku stvarnost.