DPI 스터디 (V1)

V1 (190411)

---

DPI 스터디

모니터 해상도, 인치 기반 DPI 계산

• DPI계산 웹사이트(1): https://www.sven.de/dpi
• DPI계산 웹사이트(2): https://www.pixelcalculator.com (기능 제한적, 인쇄 쪽 내용 포함)
• DPI계산 웹사이트(3): https://www.pxcalc.com
• DPI계산법 설명 문서: http://nm3.kr/old/46
• 모니터 DPI감지 및 측정 웹사이트: https://www.infobyip.com/detectmonitordpi.php

픽셀

• 픽셀 정의: https://namu.wiki/w/픽셀
• 픽셀 크기 계산기: https://www.pixelto.net/px-to-cm-converter
• 픽셀은 절대적 크기를 갖지 않고, 그 '수'와 면적을 통해 크기를 측정할 수 있다.

해상도

• 해상도 정의: https://namu.wiki/w/해상도

이미지

• 이미지가 dpi값을 갖고 있을 수 있나요?: https://stackoverflow.com/questions/27323561/do-pngs-or-jpgs-have-a-dpi-or-is-it-irrelevant-when-building-for-retina

웹에서 DPI 이해

• DPI는 출력 해상도를 위한 수치일 뿐, 의미를 가지는 것은 픽셀 뿐이다(https://daraskolnick.com/image-dpi-web/)
• 브라우저 dpi 체크

(https://www.infobyip.com/detectmonitordpi.php)

• css 1인치는 96px (표준사항)

High DPI Images for Variable Pixel Densities - HTML5 Rocks

DPI love ♥ Easily find the DPI/PPI of any screen

---

device-pixel-ratio

(mobile) device-pixel-ratio계산

Viz Devices :: Devices Screen and OS Details

what exactly is device pixel ratio?

디스플레이 인치

대각선의 길이 구하는 공식 - 피타고라스 정리의 활용 - 평면도형 1

비율 계산하는 법

A : B = C : X X = (B x C)/A