Pixel Converter

Ano ang pixel converter?

Isinasalin ng pixel converter ang sukatan sa pagitan ng digital pixels at mga real-world unit ng haba (millimeters, centimeters, pulgada) sa anumang DPI na pipiliin mo. Ang CSS pixels ay default na nag-aakalang 96 DPI, ngunit ang trabaho sa print ay gumagamit ng 300 DPI at ang photo print ay maaaring umabot sa 600 DPI — sa magkakaibang DPI value, ang parehong bilang ng pixel ay nagiging ibang-ibang pisikal na sukat. Mag-type ng value sa alinman sa apat na unit, pumili ng DPI preset na tumutugma sa iyong konteksto, at ang ibang tatlong unit ay nag-a-update sa real time. Bawat resulta ay isang click lamang palayo sa clipboard.

Paano gamitin ang pixel converter

1. Mag-type ng value na gusto mong i-convert sa input field — halimbawa, 100.
2. Piliin ang unit ng iyong value: pixels, millimeters, centimeters, o pulgada.
3. Pumili ng DPI preset — 96 DPI para sa web, 300 DPI para sa print, o piliin ang "Custom" upang ilagay ang sarili mong DPI.
4. Basahin ang mga na-convert na value para sa ibang tatlong unit sa results panel sa ibaba.
5. I-click ang Copy katabi ng anumang resulta upang ilagay ito sa iyong clipboard, o ibahagi ang URL — ang iyong input ay pinapanatili bilang query parameter.

Sino ang gumagamit ng pixel converter

• Mga estudyante: Mga takdang-aralin sa math at physics na may kinalaman sa pixel-to-millimeter conversion, kasama ang mga screen-resolution exercise sa mga kursong computer-graphics.
• Mga web at UI designer: Pagsukat ng mga icon, padding, at component mula sa pisikal na sukat ng mockup (mm) patungo sa CSS pixels sa tamang reference DPI.
• Mga print designer: Pag-convert ng Photoshop o Figma pixel exports sa millimeters at pulgada sa 300 DPI bago ipadala sa printer.
• Mga photographer: Pagkalkula ng pisikal na sukat ng print mula sa output ng camera (hal. 4000 × 3000 px sa 300 DPI ay nagpi-print sa 13.3 × 10 pulgada).
• Mga developer: Pagvalidate ng CSS pixel values laban sa mga pisikal na sukat na nakasaad sa product o accessibility specifications.

Bakit ang converter na ito

• Lahat ng apat na unit (pixels, millimeters, centimeters, pulgada) ay nag-a-update sa real time habang nagta-type ka.
• Limang built-in na DPI preset ang sumasaklaw sa mga karaniwang kaso — 96 DPI web, 72 DPI Mac legacy, 150/300/600 DPI para sa print.
• Custom DPI input para sa mga non-standard display (Retina, high-DPI monitor) at mga espesyal na print workflow.
• Naibabahaging URL — ang iyong value, source unit, at DPI ay nananatili bilang query parameters.
• 100% browser-based: walang sign-up, walang ads sa result panel, at ang math ay open source.

Gaano katumpak ang converter?

Gumagamit ang converter ng standard 25.4 millimeters-bawat-pulgada na ratio at ng DPI na iyong tinukoy, kinakalkula sa IEEE 754 double precision. Ang mga resulta ay eksakto sa loob ng float rounding (≤1×10⁻⁶ relative error). Ang tanging pinagmumulan ng real-world inaccuracy ay ang DPI value mismo — kung ang iyong display ay hindi talaga tumatakbo sa ipinagpapalagay na DPI, mag-calibrate muna gamit ang Screen Ruler tool.

Mga madalas itanong

Ano ang pixel?

Ang pixel ay ang pinakamaliit na discrete unit ng digital display o imahe. Ang pisikal na sukat nito ay hindi naka-fix — depende ito sa pixel density (DPI) ng screen. Sa 96-DPI na web display, ang isang pixel ay eksaktong 1/96 ng pulgada (humigit-kumulang 0.265 mm); sa 300-DPI na print, ang isang pixel ay 1/300 ng pulgada (humigit-kumulang 0.085 mm).

Ano ang DPI at bakit ito mahalaga?

Ang DPI (tuldok bawat pulgada) ay ang conversion factor sa pagitan ng pixels at pisikal na haba. Ang parehong 100 px ay nagiging 26.46 mm sa 96 DPI ngunit 8.47 mm lamang sa 300 DPI. Dapat mong gamitin ang DPI ng target medium — ang screen, ang print, o ang export — para maging makabuluhan sa pisikal na paraan ang conversion.

Paano ko i-convert ang pixels sa millimeters?

Hatiin ang bilang ng pixel sa DPI upang makuha ang pulgada, pagkatapos ay i-multiply sa 25.4 upang makuha ang millimeters: mm = (px / DPI) × 25.4. Para sa 100 px sa 96 DPI: 100/96 × 25.4 ≈ 26.46 mm. Ginagawa ito ng converter para sa iyo sa real time.

Dapat ba akong gumamit ng 72 o 96 DPI para sa web?

Gumamit ng 96 DPI. Ang CSS, mga browser, at mga operating system ay nag-standardize sa 96 reference pixels bawat pulgada noong 1990s. Ang 72 DPI value ay isang legacy mula sa maagang Apple typography (isang pixel = isang printer's point) at mananatiling kapaki-pakinabang lamang para sa partikular na Mac-era assets — ang modernong web work ay nag-aakalang 96.

Anong DPI ang dapat kong gamitin para sa print?

Gumamit ng 300 DPI para sa high-quality magazine at book print, 150 DPI para sa draft proofs at large-format work, at 600 DPI lamang para sa photo prints, fine line art, o text na nasa ilalim ng matinding magnification. Ang paglampas sa 300 DPI para sa pangkalahatang trabaho ay nagpapalaki ng file size nang walang nakikitang pagpapabuti sa karamihan ng papel.

Paano nakakaapekto ang Retina/HiDPI sa conversion?

Ang Retina at iba pang HiDPI displays ay nagre-render ng dalawa o tatlong pisikal na pixel para sa bawat CSS pixel. Ang converter ay gumagana sa CSS pixels bilang default, kaya ang 100 CSS px sa 96 DPI ay tama para sa anumang HiDPI screen. Kung kailangan mo ang pisikal na bilang ng pixel, i-multiply sa device pixel ratio (window.devicePixelRatio sa browser).

Bakit mukhang mas maliit ang aking web design sa 4K monitor?

Karamihan ng operating system ay nagpapatakbo ng 4K monitor sa 150–200% scaling, na nagpapanatili sa CSS pixels na visually katulad ng 1080p display. Kung naka-off ang scaling, lalabas ang iyong design na pisikal na mas maliit dahil ang parehong bilang ng pixel ay sumasaklaw sa mas kaunting tunay na pulgada. Ayusin ang DPI scaling sa OS settings, o gumamit ng rem/percent units sa halip na fixed px.

DPI deep dive — piliin nang isang beses ang tamang numero

Lahat ng pixel-to-length conversion ay isang ekwasyon lang: haba = pixels ÷ DPI. Ang mahirap na bahagi ay ang pagpili ng DPI na tumutugma sa medium kung saan titira ang iyong output. Hindi nagbibigay ng error ang maling DPI — tahimik itong gumagawa ng numerong tamang mathematical at maling pisikal. Saklaw ng mga preset sa ibaba ang 95% ng totoong trabaho.

Web work — palaging 96 DPI

Inihanay ng CSS, mga browser at operating system ang sarili sa 96 reference pixels per inch noong huling bahagi ng 1990s at hindi pa rin ito kumikilos. Itinuturing ng bawat modernong browser ang 1 CSS pixel bilang 1/96 inch anuman ang pisikal na display. Nag-rerender ang Retina at 4K monitors sa mas mataas na pisikal na density pero sinusukat ng OS ang CSS pixels pabalik sa 96-DPI reference, kaya nananatiling valid ang iyong matematika. Ituring ang 72 DPI bilang legacy — mahalaga lang ito kung kumukuha ka ng asset mula sa pre-OS-X Macs.

Print work — 150, 300, o 600 DPI

Karamihan sa mga magazine, libro at consumer photo prints ay gumagamit ng 300 DPI. Bumaba sa 150 DPI para sa draft proofs at large-format na trabaho kung saan itinatago ng distansya ng panonood ang pagkawala ng resolution; pinapababa nito ang laki ng file sa kalahati at malinaw pa ring nababasa sa isang metro. Tumaas sa 600 DPI lang kung lalapitan ang print — pinong line art, technical drawings, maliliit na text sa glossy paper. Halos hindi pinapabuti ng paglampas sa 600 DPI ang nakikitang kalidad at nag-uubos ng disk.

Retina at HiDPI — magtrabaho sa CSS pixels

Nag-rerender ang Retina display ng dalawa o tatlong pisikal na pixel sa bawat CSS pixel, pero itinatago ito ng OS sa iyong code. Manatili sa CSS pixels (96 DPI) para sa layout math. Kung kailangan mo ng aktwal na pisikal na pixel count — halimbawa kapag nagpapadala ng bitmap assets na dapat malinaw sa bawat device — i-multiply sa window.devicePixelRatio sa runtime at magpadala ng @2x o @3x variants. Itinuturing ng pixel converter ang input bilang CSS pixels bilang default; lagyan lang ng tsek ang Custom DPI kapag aktwal mong sinukat ang pisikal na pixel density ng kilalang display.

Karaniwang conversion patterns

Ang ilang pixel values ay napakadalas lumitaw kaya sulit kabisaduhin. Ipinapakita ng talahanayan sa ibaba kung sa ano nagiging katapat ang 100 px, 1000 px, at karaniwang Full HD width (1920 px) sa apat na pinakakaraniwang DPI values.

Praktikal na tips para sa developers

I-verify muna sa DevTools

Bago magtiwala sa isang conversion, kumpirmahin na nag-uulat ng 96 reference DPI ang browser sa pamamagitan ng pag-type ng window.matchMedia('(min-resolution: 96dpi)').matches sa console. Sa tamang configured na system, nagbabalik ito ng true. Kung false ang ibabalik, hindi default ang iyong OS scaling o zoom level at kailangang i-adjust ang conversion.

Palaging mag-export sa target na DPI

Nag-eexport ang Photoshop, Figma, at karamihan ng design tools sa canvas DPI bilang default. Itakda ang canvas DPI sa iyong target na medium bago mag-export — ang pag-export ng 96-DPI canvas sa 300 DPI ay hindi talaga nag-uupsample ng imahe; ni-relabel lang ang metadata at nai-print sa ikatlong bahagi ng nilalayong pisikal na laki.

I-calibrate ang screen para sa ground truth

Kung umaasa ang iyong trabaho sa pisikal na accuracy — pagsukat ng hand-held na bagay laban sa screen, pagsasaayos ng laki ng icon sa kilalang lapad ng credit card — buksan muna ang Screen Ruler tool at i-calibrate laban sa totoong credit card. Bihirang tumutugma ang aktwal na DPI ng iyong screen sa spec sheet; ini-anchor ng calibration ang conversion sa pisikal na realidad.