2014-08-28 4 views
0

PT에서 PX 로의 변환을 이해하려고합니다. Photoshop, HTML 및 CSS를 사용하고 있으며 브라우저에서 똑같이 작동하지 않는 것 같습니다. 나는 이것을 사용하여 해결할 수 있다고 이해 : points = pixels * 72/96? 96 DPI가 컴퓨터에 설치되어 있습니까? Photoshop에서 설정 한 화면 해상도 또는 해상도가 수식에도 영향을 줍니까? 당신이 CSS Values and Units Level 3 사양을 보면pt 및 px 변환

답변

0

이 (pt 포함) 물리적 크기의 단위가 주어진 매체에 물리적 크기로 정의된다 (그래서 1cm 화면과 종이에 같은 크기이다). px (픽셀) 단위는 표시되는 매체의 해상도와 관계없이 96dpi의 참조 픽셀로 정의됩니다.

이전 버전의 CSS 사양에서는 픽셀을 96dpi으로 정의하지 않았지만 대부분의 기존 콘텐츠는이 가정에 따라 달라 지므로 다른 DPI 값을 사용하면 기존 콘텐츠가 손상 될 수 있습니다.

참조 픽셀의 정의로 인해 1px = 1/96in => 96px = 1in이 있습니다.

포인트 정의로 인해 1pt = 1/72in => 72pt = 1in이 있습니다.

따라서, 두 개의 식을 조합하면 가지고 P (화소 수)에 의해 식의 양변

72pt = 96px 
=> (72/96)pt = 1px 

에게 준다 :

P(72/96)pt = Ppx 

방정식 인 당신 있다.

Photoshop의 DPI 설정이 동일한 설정으로되어 있는지 확인해야합니다.