์ธ์ ํด์๋ DPI โ DPCM โ DPPX ๋ณํ๊ธฐ ์ฌ์ฉ๋ฒ
ํด์๋๋ ์ด๋ฏธ์ง๋ ์ธ์๋ฌผ์ด ์ผ๋ง๋ ์ ๋ช ํ๊ฒ ํํ๋๋์ง๋ฅผ ๋ํ๋ด๋ ์งํ๋ก, ๋จ์ ์ฒด๊ณ์ ๋ฐ๋ผ ์ฌ๋ฌ ๋ฐฉ์์ผ๋ก ํ์๋ฉ๋๋ค. DPI(dots per inch)๋ 1์ธ์น ์์ ๋ช ๊ฐ์ ์ (๋ํธ)์ด ๋ค์ด๊ฐ๋์ง๋ฅผ ๋ํ๋ด๋ ์ธ์ ์ ๊ณ์ ํ์ค ๋จ์์ด๊ณ , DPCM(dots per centimeter)์ ๊ฐ์ ๊ฐ๋ ์ ์ผํฐ๋ฏธํฐ ๊ธฐ์ค์ผ๋ก ํํํ ๋จ์์ ๋๋ค. DPPX(dots per pixel)๋ ์นยทCSS์์ ์ฌ์ฉํ๋ ํ๋ฉด ํด์๋ ๋จ์๋ก, CSS 1ํฝ์ ์ ๋์ํ๋ ์ค์ ๋ฌผ๋ฆฌ์ ํฝ์ ์๋ฅผ ๋ปํฉ๋๋ค.
์ด ์ธ ๋จ์๋ ์๋ก ์ ํํ ๋ฐฐ์จ๋ก ํ์ฐํ ์ ์์ต๋๋ค. 1์ธ์น๋ 2.54cm์ด๋ฏ๋ก DPI๋ฅผ 2.54๋ก ๋๋๋ฉด DPCM์ด ๋๊ณ , ์น ํ์ค ํด์๋์ธ 96DPI๋ฅผ ๊ธฐ์ค์ผ๋ก DPI๋ฅผ 96์ผ๋ก ๋๋๋ฉด DPPX๊ฐ ๋ฉ๋๋ค. ์๋ฅผ ๋ค์ด ์ธ์์ฉ์ผ๋ก ํํ ์ฐ์ด๋ 300DPI๋ ์ฝ 118.1DPCM์ด์ ์ฝ 3.125dppx์ ํด๋นํฉ๋๋ค.
๊ฐ์ ์ ๋ ฅํ๊ณ ๋จ์๋ฅผ ์ ํํ๋ฉด DPI, DPCM, DPPX ์ธ ๊ฐ์ง ํด์๋๊ฐ ๋์์ ๊ณ์ฐ๋ฉ๋๋ค. ์ธ์ ์ ์ฒด์ ํ์ผ์ ๋๊ธธ ๋ ์๊ตฌ ํด์๋๋ฅผ ๋ง์ถ๊ฑฐ๋, ๋ ํฐ๋ยท๊ณ ํด์๋ ๋์คํ๋ ์ด์ฉ ์ด๋ฏธ์ง์ CSS ํด์๋๋ฅผ ์ค์ ํ ๋ ์ ์ฉํฉ๋๋ค.
์์ฃผ ๋ฌป๋ ์ง๋ฌธ
์ผ๋ฐ ์ธ์๋ฌผ์ ๋ณดํต 300DPI๋ฅผ ๊ถ์ฅํฉ๋๋ค. ํ์๋ง์ฒ๋ผ ๋ฉ๋ฆฌ์ ๋ณด๋ ๋ํ ์ธ์๋ฌผ์ 100~150DPI๋ก๋ ์ถฉ๋ถํ์ง๋ง, ๋ช ํจ์ด๋ ๋ธ๋ก์์ด์ฒ๋ผ ๊ฐ๊น์ด์ ๋ณด๋ ์ธ์๋ฌผ์ 300DPI ์ด์์ด ์ ๋ช ํฉ๋๋ค.
DPPX(dots per pixel)๋ CSS์์ ์ฌ์ฉํ๋ ํ๋ฉด ํด์๋ ๋จ์๋ก, 1CSSํฝ์ ๋น ์ค์ ๋ฌผ๋ฆฌ์ ํฝ์ ์๋ฅผ ๋ํ๋ ๋๋ค. 1dppx๋ 96DPI์ ํด๋นํ๋ฉฐ, ๋ ํฐ๋ ๋์คํ๋ ์ด ๋ฑ ๊ณ ํด์๋ ํ๋ฉด์ ๋ณดํต 2dppx(์ฝ 192DPI) ์ด์์ ๋๋ค.