"픽셀"이란 정확히 무엇입니까?

웹 배너 작업을 할 때마다 "Pixel"은 항상 혼란스러워합니다.

작업에 CorelDraw x5를 사용합니다. 나는 인치가 훨씬 직관적이기 때문에 일반적으로 픽셀보다는 인치를 사용하는 것을 선호합니다. 하지만 "인치에서 픽셀로"변환을하면 혼란스러워집니다.

• CorelDraw에서 : 1 inch = 300px.

• 에서 AuctionRepair.com을 : 1 inch = 75 pixels.

• 에서 UnitConversion.org : 1 inch = 96 pixels.

이제 고객이 1900x1200px 배너를 요청하고 있습니다. 전환은 어떻게해야합니까?

픽셀을 원자처럼 생각하십시오. 원자는 물질의 가장 작은 입자입니다. 픽셀이 가장 작은 디지털 이미지 입자 인 경우.

원자에는 중성자, 양성자 및 전자가 있고 픽셀에는 빨강, 녹색 및 파랑 값이 있습니다. :)

인치 또는 센티미터 (cm) 당 픽셀 수를 "해상도"라고합니다.

높은 해상도는 단위 길이 당 더 많은 픽셀을 의미합니다.

웹 / 데스크톱을 디자인하는 경우 1 Inch = 72 pixels

오프셋 인쇄 (일반적으로 300 해상도 사용)의 경우 1 inch = 300 pixels

인쇄 해상도를 DPI (인치당 도트 수)라고합니다. 픽셀은 점입니다. 도트 수가 많을수록 인쇄 결과가 더 좋아집니다.

이제 고객이 1900x1200px 배너를 요청하고 있습니다. 전환은 어떻게해야합니까?

클라이언트가 치수를 픽셀 단위로 제공하는 경우 데스크톱 / 웹용이어야하며 72 해상도로 디자인 할 수 있습니다.

그가 인쇄를 위해 무언가가 필요한 경우, 해상도 나 크기 (인치, cm 등)를 물어봐야합니다.

내 고객이 1920x1080px 이미지를 요청한 경우 가장 먼저 의도 된 용도를 알아야합니다. 웹, 인쇄 또는 둘 다를위한 것입니까?

인쇄 세계에서 픽셀 (또는 그림 요소-[pict-el])은 의미 나 정의가 없습니다. 어떤 방식으로도 픽셀을 측정 할 수 없습니다. 크기를 계산하기 위해 사전 정의 된 크기 나 단위가 없습니다. 그러므로 "실제 세계"라는 용어는 아닙니다. 그것들은 엄격하게 디지털 용어이며 디지털 세계만을 지칭합니다.

넓은 의미에서, 픽셀은 백라이트 (CRT), LED, 플라즈마 또는 기타 기술에 의해 빛에 의해 착색되는 화면 또는 모니터의 작은 지점입니다. 함께 설정 될 때이 작고 서로 다른 색상의 점 (픽셀)이 사람의 눈에 이미지를 형성합니다. 실제 세계 비유를 사용하려면 벽돌 벽처럼 생각하십시오 ... 각 픽셀은 벽돌이 될 것입니다 ... 이미지는 벽이 될 것입니다.

많은 앱과 많은 사람들에게 1 Pixel = 1 Point입니다. (어도비도이 이론을 사용합니다.) 그러나 이것은 완전히 정확 하지도 않습니다 . 포인트는 단순히 디지털 세계와 달리 실제 세계의 대부분의 디자이너가 사용하는 가장 작은 측정 단위입니다.

1 인치 = 72px 또는 원격으로 가까운 것도 없습니다. 지구상의 모든 화면은 다른 픽셀 밀도를 가지고 있습니다. 인치에 맞는 픽셀 수는 전적으로 모니터의 픽셀 밀도에 따라 다릅니다.

웹용 Photoshop에서 작업 할 때 Resolution새 문서 의 필드에 입력 한 내용 은 크게 관련이 없습니다. 웹 (또는 화면)으로 향하는 이미지는 픽셀 너비와 픽셀 높이를 사용하며 해상도 설정을 전혀 참조하지 않습니다. 해상도 (ppi) 및 웹 / 화면에 대한 자세한 내용은 여기를 참조하십시오. 웹 디자인을 위해 이미지를 72DPI로 유지해야합니까? 웹의 경우 해상도 필드가 제공하는 유일한 차이점은 Photoshop에서보다 자세한 작업을 만들 수 있다는 것입니다. 그러나 출력시을 사용하여 해상도 필드는 무시됩니다 Save for Web. 당신이 사용하는 경우 Export보다는 Save for Web그 해상도는 당신에 따라 이미지의 픽셀 폭과 픽셀 높이를 변경하는 데 사용되는 운영 체제모든 것의. Macintosh 응용 프로그램은 각 인치에 72 픽셀이 있다고 가정하고 Windows 응용 프로그램은 각 인치에 96 픽셀이 있다고 가정합니다. 이 둘 중 어느 것도 실제로 정확하거나 사실은 아니지만 엔지니어는 무언가 를 사용해야했습니다 . 따라서 해상도가 높을수록 Export픽셀 너비와 픽셀 높이가 커집니다.

이제 인쇄가 픽셀 ..... 해상도 또는 인치당 도트 수 (DPI) 와 만나는 곳 . DPI는 본질적으로 인쇄판을 출력 할 때 이미지 세터 (또는 제판 기)에 의해 생성되는 도트 밀도입니다. 인쇄되는 모든 이미지는 하프 톤 프로세스 를 거쳐야 합니다. 인쇄 할 도트 행 수를 결정하는 특정 라인 스크린 또는 LPI (Lines Per Inch) 외에 . 하프 톤의 도트 밀도는 이미지 자체의 세부 수준과 품질을 결정합니다. DPI와 LPI가 높은 하프 톤은 DPI가 낮고 LPI가 낮은 하프 톤보다 훨씬 나아 보입니다. 검색하면 어떤 화면 및 인쇄 사이의 상관 관계, 가장 일반적인 장소 사용자는 논리의 약간은 1 픽셀 = 1 점 것으로 생각 찾을 수 있습니다. 이건 아니야완전히 정확하지만,이 가정이 사용된다면 문제가되지 않을 정도로 가깝습니다. 여기에서 사람들은 PPI와 DPI라는 용어를 같은 것으로 생각합니다. 실제로, 그들은 전혀 같지 않지만, 그들이 생각하는 데 큰 해를 끼치 지 않습니다.

인쇄 작업의 경우 ResolutionPhotoshop의 새 문서 창의 필드가 중요합니다. 인쇄 이미지의 해상도가 260 이상인 경우가 가장 많습니다. 이는 175LPI (공통 라인 화면)에 대한 최적의 설정 인 260DPI와 같습니다. 300dpi는 기억하기에 좋고 둥근 숫자이며 더 많은 DPI가 문제가되지 않기 때문에 가장 자주 사용됩니다. 전체 계산은 실제로 LPI와 DPI의 1.5 배입니다. 따라서 1.5 x 175 = 262.5입니다. 따라서 300dpi로 올림됩니다.

의도 된 용도를 알고 있다면 .....

• 웹 또는 화면 용인 경우 1920x1080px 및 원하는 해상도로 새 문서를 만드십시오. 해상도가 높을수록 Photoshop에서 더 자세한 작업을 수행 할 수 있지만 이미지의 웹 / 스크린 출력은 변경되지 않습니다. 해상도 (ppi)에 관계없이 이미지는 여전히 1920x1080 픽셀로 출력됩니다 (웹용으로 저장 사용).

• 이미지가 인쇄용이거나 둘 다인 경우 Photoshop을 사용하여 인쇄 할 때 실제 크기를 알 수 있습니다. 1920x1080 측정 값으로 새 문서를 작성하고 해상도에 300을 삽입하십시오.

이제 "픽셀"드롭 다운을 인치로 전환하십시오.

이것은 Adobe의 내부 1px = 1pt 이론을 사용하고 있습니다. 그러나 이미지는 대략 6.5 "x3.5"라는 일반적인 아이디어를 제공합니다. 그런 다음 클라이언트에 6.5x3.5 인치 이미지가 자신의 요구에 맞는지 확인합니다.

안녕하십니까, [고객],

1920x1080 픽셀 이미지는 약 6.5x3.5 인치로 인쇄 제작에 사용됩니다. 그 크기가 당신에게 효과가 있습니까? 인쇄를 위해 더 크게 가야합니까?

감사!

Alvoy Ray Smith의 "픽셀은 작은 사각형이 아닙니다"라는 컴퓨터 과학 논문 (실제로 재미있는 메모)이 있습니다.

픽셀은 포인트 샘플입니다. 그것은 한 지점에서만 존재합니다. 컬러 화상의 경우, 픽셀은 실제로 샘플링 포인트에서 화상에 기여하는 각각의 원색에 대해 하나씩 3 개의 샘플을 포함 할 수있다. 우리는 이것을 여전히 색상의 포인트 샘플로 생각할 수 있습니다. 그러나 픽셀을 정사각형 또는 점 이외의 것으로 생각할 수 없습니다.

픽셀은 작은 사각형
이 아니며,
픽셀은 작은 사각형이 아니며 , 픽셀은 작은 사각형이 아닙니다!
(그리고 복셀은 작은 큐브가 아닙니다)

"픽셀"이라는 용어는 "영상 요소"의 약자입니다.

이미지는 픽셀로 구성되며 , 크기가없는 사각형의 컬러 도트입니다 .
이미지를 표시하려면 컬러 도트를 표시 할 수있는 화면을 사용하고 어디에 표시 할 도트 를 결정 해야합니다 .

세부 사항을 살펴보면 이미지는 각각 별도의 색상이있는 별도의 점으로 구성됩니다. 쿼드 릴 용지의 상자를 각 상자마다 하나씩 색상으로 채울 때와 같습니다. (중요한) 용지가없고 상자의 물리적 크기가 없다는 것을 제외하고는 중요합니다. 그것은 단지의에 대해 어떤 색 점은 아래 또는 오른쪽으로 다른있는 것입니다 .

화면의 이미지 크기를 생각하면 화면에이 "용지"를 표시하는 것과 같습니다. 그러나 실제로 "인치"나 mm 단위로 얼마나 큰지 알 수 없습니다.

화면에 이미지를 표시하려면 화면에 색상을 표시 할 수있는 "상자"도 있습니다. 둘 다 픽셀이라고하지만 기술적으로는 다릅니다.

우리가 할 수있는 가장 간단한 일은 컬러 박스 형태의 "종이"를 화면의 컬러 박스에 할당하는 것입니다.
그런 다음 실제 실제 센티미터 단위로 화면의 크기는 화면 의이 점의 크기에 따라 다릅니다 .

특정 크기가 필요한 경우 다른 작업을 수행 할 수 있습니다 . 이미지의 크기를 스스로 결정할
수 있습니다 . 화면 점의 크기를 알아야합니다. 그런 다음 각 행에 대해 컬러 도트에 사용할 수있는 화면 도트 수를 계산할 수 있습니다. 컬러 도트보다 스크린 도트가 더 많으면 일부 컬러 도트를 여러 번 사용해야하거나, 더 적 으면 일부를 남겨 두십시오.

토론을 완료하기위한 또 하나의 혼란 :

웹 사이트 디자인 및 레이아웃에서 하나의 "CSS 픽셀"은 화면 해상도에 관계없이 항상 "CSS 인치"의 1/96과 같습니다 . 많은 초기 웹 사이트가 표준 화면 해상도를 가정 한 레이아웃에 픽셀 기반 측정을 사용했기 때문에이 작업이 수행되었습니다. 텍스트 및 기타 콘텐츠의 실제 크기가 일정하게 유지되도록 웹 브라우저는 화면 픽셀과 레이아웃 "px"단위 사이의 대략적인 변환을 찾아서 인치의 해석을 조정하여 "px"와 "px"사이에 항상 일정한 비율을 유지합니다 에서". 글꼴에 대한 "pt"와 같이 인치 단위의 모든 단위에 대해서도 마찬가지입니다. 12pt 글꼴 크기는 항상 16px font-size와 같습니다 .

이제 화면 해상도가 일반적으로 인치당 96px보다 훨씬 뛰어나므로 화면의 실제 물리적 해상도에 대해 이야기하기 위해 인쇄 세계에서 "점"이라는 개념을 빌 렸습니다. 표준 CSS 픽셀에 비례하는 물리적 해상도를 설명하기 위해 픽셀 당 도트 수 (dppx) 단위도 있습니다. 예를 들어, 새로운 "Retina"Mac & iPhone 화면은 2dppx 해상도입니다.

귀하의 상황에 대해서는 다른 사람들의 조언을 반영합니다. 고객에게 무엇이 필요한지 명확히 요청하십시오. 즉, 일반적으로 누군가가 픽셀 측정으로 예술을 요구하는 경우 웹 사이트에 사용합니다. 원하는 픽셀 크기로 이미지를 만들고, 눈금자와 텍스트 크기를 편한 단위로 배치하기 위해 96dpi 해상도를 사용하도록 이미지 편집 소프트웨어를 설정하십시오.

즉, 클라이언트가 원하는 것을 발견하면 Retina 화면에 적합한 버전을 갖기 위해 실제로 해상도의 두 배 (192dpi)로 이미지를 만드는 것이 아프지 않을 수 있습니다. 그런 다음 이미지 소프트웨어를 사용하면 이미지를 더 낮은 해상도와 더 작은 파일 크기로 쉽게 저장할 수 있습니다. 이미지를 반대보다 낮은 해상도로 변환하는 것이 훨씬 쉽습니다!

인치는 물리적 치수이고 픽셀은 스크린 치수입니다. 동일한 해상도에서 밀도 또는 PPI (인치당 픽셀 수)는 화면의 물리적 크기와 해상도에 의해 제어되므로 더 큰 화면에서 픽셀은 물리적으로 더 큽니다. 따라서 픽셀을 인치로 변환 할 때는 모두 인치당 픽셀 (PPI)이 원하는 수준으로 내려갑니다. 300ppi (인쇄 표준)를 원한다면 단순히 "300 픽셀을 실제 크기로 짜내십시오"라고 말하는 것입니다. 픽셀 수가 적을수록 그 품질 정보가 줄어듦에 따라 72ppi를 요구할 때보 다 품질이 떨어집니다.

화면은 일반적으로 72ppi로 간주되지만 이는 기본값 일 뿐이며 실제 화면 크기와는 전혀 관련이 없습니다. 동일한 1920x1080 해상도는 경기장 화면에서는 10ppi, 휴대폰에서는 400ppi 일 수 있습니다.

픽셀은 실제 측정 값과 상관이 없습니다. 따라서 일관된 방식으로 인치를 픽셀로 변환 할 수있는 방법이 없습니다. 그것은 모두 임의적이며 당신이 끝낸 이미지로 무엇을하고 있는지에 달려 있습니다.

무엇 인 디지털 이미지의 컨텍스트에서 픽셀은? 이미지 내에서 가장 작은 고유 요소입니다. 색상이 할당됩니다. 말 그대로 그것은 개별 "화상 요소"를 의미 합니다.

스위치를 켜고 끌 수있는 전구가 있다고 상상해보십시오. 이것은 기본적으로 전구가 픽셀 인 1x1 픽셀 디스플레이입니다. 이제 전구를 몇 개 더 구입하여 정사각형 10x10 방식으로 배열하십시오. 원하는대로 각 스위치를 켜고 끌 수있는 방식으로 연결하면 10x10 "픽셀"의 조잡한 디스플레이가 나타납니다. 기본 도형을 그릴 수도 있습니다.

이제이 전구 디스플레이에서 충분히 멀리 떨어지면 눈이 더 이상 개별 전구를 구별 할 수 없으며 개별 픽셀 대신 연속 모양 만 볼 수 있습니다. 이는 눈이 스캔 해상도를 제한하기 때문에 눈이 인식 할 수있는 것보다 인치당 도트 (전구)가 더 많으면 픽셀이 이미지로 바뀝니다. 눈의 해상도는 약 300입니다 300DPI ( 인치당 도트 수 )입니다. 돋보기를 사용하여 모니터를 보면 작은 전구 (LCD)로 구성되어 있음을 알 수 있습니다. 풀 RGB 화면에서 약 2,073,600 (1920x1080), 3 배, RGB 색상마다 하나씩 있으므로 눈이 너무 작아서 눈으로 볼 수 없습니다.

이제 눈이 개별 점으로 인식 할 수있는 것은 점들의 배열 (얼마나 가깝게)에 있는지뿐만 아니라 "화면"까지의 거리에 달려 있습니다. 그래서 DPI는 여러 가지면에서 상대적인 용어입니다. 같은 화면을 가지고 너무 가까이 가면 픽셀을 볼 수 있습니다. 너무 멀리 떨어져 있으면 DPI 및 해상도 (픽셀 수)가 변하지 않아도 더 이상 화면의 내용을 읽을 수 없습니다.

이로 인해 첫 번째 컴퓨터 모니터를 만드는 동안 몇 가지 다른 이유로 72 DPI (Apple) 또는 96 DPI (Microsoft)의 표준 해상도가 선택되었습니다. 이는 사용자가 화면에서 멀리 떨어져있을 것으로 예상되는 거리와 해당 연령의 기술적 인 제한 사이에서 적절한 절충안입니다. 그러나 오늘날에도 대부분의 화면은 대략 그 해상도를 따릅니다. 그렇기 때문에 화면이 클수록 픽셀 수가 많아집니다.

모니터의 DPI 해상도를 알고 있다면 각 제곱 인치에 몇 개의 픽셀이 있는지 쉽게 알 수 있습니다. 예를 들어 모니터에 1x1 인치 ² 정사각형을 그리려면이 이미지의 픽셀 수 (72x72 또는 96x96)를 쉽게 결정할 수 있습니다. 그러나 DPI 해상도가 다른 다른 화면에서는이 이미지가 커지거나 작아 질 것입니다. 24 인치 화면에서 96 DPI로 읽을 수있는 텍스트는 4 인치 iPhone에서 300 DPI로 너무 작을 수 있습니다. 24 인치의 96 픽셀 (1 인치)은 휴대 전화에서 몇 mm에 불과하기 때문입니다.

따라서 고객이 1900x1200px의 이미지를 만들도록 요청하면 첫 번째 질문은 어떤 기기입니까?

서로 다른 장치에서 잘 보일 것으로 예상되는 웹 페이지 또는 응용 프로그램의 딜레마를 해결하기 위해 픽셀에서는 작동하지 않지만 길이는 cm 또는 mm 인 형식이 발명되었습니다. 그런 다음 결과 이미지는 장치 기능에 따라 렌더링되어 표시되는 화면에 관계없이 10x10cm 정사각형이 여전히 10x10임을 보장합니다. 그러나이 형식은 분명히 픽셀 형식이 될 수 없지만 벡터 형식이됩니다. 입니다.

이렇게하면 Mac / Windows / Other 문제가 해결되지만 큰 크기 차이는 해결되지 않습니다. 각 기기에서 이미지의 크기는 10x10cm이지만 휴대 전화의 전체 화면을 덮을 수 있습니다. 이 문제는 아직 완전히 해결되지는 않았지만 대부분의 회사는 이에 대한 해결책을 가지고 있습니다. 그러나 대부분의 경우 실제로 표준 데스크톱 용, 휴대폰 용, 태블릿 용으로 두 페이지 이상을 개발해야합니다.

이미 유용한 답변이 많이 있지만 다른 방법으로 설명하고 싶었습니다.

1900x1200 픽셀 이미지를 요청함으로써 고객은 실제로 필요한 치수에 대해 아무 것도 알려주지 않습니다. "픽셀"이라는 단어를 잠시 잊어 버린 고객은 필요한 세부 정보 (예 : 해상도)를 간단히 알려줍니다. 그들은 단순히 자체 크기를 계획 할 수 있습니다 그들이 필요로한다.

당신이 당신의 자신의 인치를 사용해야하는 경우 목적으로 그래픽을 개발하는 동안 측정을보다 쉽게 ​​처리 할 수 ​​있으므로 간단히 사용하십시오. 벡터 그래픽 (Corel Draw는 벡터 도구 임)을 사용하면 평평한 이미지를 저장할 때까지 픽셀에 대해 걱정할 필요가 없습니다.

안전을 위해 동일한 가로 세로 비율의 캔버스 크기로 시작하십시오. 1900x1200은 16:10 비율이므로 16 인치 x 10 인치가 적당합니다. 병합 된 이미지 ( "래스터"또는 비트 맵)를 저장하거나 내보낼 때 1900x1200 픽셀 크기를 선택할 수 있습니다.

Corel에 익숙하지 않으므로 이러한 설정을 입력하는 방법을 정확하게 말할 수 는 없지만 그럴 가능성이 있습니다.

"픽셀이란 무엇인가"에 관해서는, "아톰"과 유사하다고하는 대답은 꽤 좋습니다. 우리가 완전히 항문을 만들고 싶다면 픽셀이 분자 라고 더 정확하게 말할 수 있습니다 .

분자는 여전히 물질의 특성을 나타내는 물질의 가장 작은 부분이며, 픽셀은 여전히 특정 색상을 나타내는 색상 의 가장 작은 부분입니다 . 그보다 작아지면 대상 색상을 얻기 위해 혼합 된 다른 색상이 표시되기 시작합니다.

픽셀은 모든 종류의 방식으로 간격을 둘 수 있으므로 실제 치수를 나타내지 않습니다. 인쇄시 300 인치 DPI (인치당 도트 수) 일 수 있으며,이 경우 픽셀은 서로 매우 가깝거나 화면에서 72 DPI 일 수 있습니다. 그건 그렇고, 1900x1200은 표준 화면 해상도 중 하나이기 때문에 화면을위한 것이라고 가정해야합니다. 이 경우 1900x1200 모니터에 전체 화면으로 표시되는 한 크기가 몇 인치에 관계없이 동일하게 보입니다.

기술적으로 말하자면, 픽셀 치수 는 저장된 이미지에 얼마나 많은 정보 가 포함될 지를 알려줍니다 . 방법에 관해서는 큰 는 것 보면 , 그것은 당신에게 자체에 기본적으로 아무 것도 알 수 없다.

TL; DR Corel Draw 이미지를 .tif 파일로 내보낼 때 변환을 수행하십시오.

컴퓨터에서 이미지를 설명하는 두 가지 방법이 있습니다 : 비트 맵 ( 래스터 라고도 함 )과 벡터. 비트 맵은 각각 특정 색상을 갖는 좌표 격자이며 각 점은 픽셀입니다. 격자의 모든 점들의 조합은 이미지를 만듭니다. 사진은 비트 맵입니다. 픽셀은 필름의 결 또는 센서의 점에 해당합니다. 픽셀의 크기는 고유하지 않습니다. 레이저로 인쇄 된 이미지에서는 매우 작거나 대형 디스플레이 화면에서는 매우 클 수 있습니다. 이미지의 크기 (픽셀)는 매끄럽게 보일 해상도에 대해 알려줍니다. 픽셀 밀도가 높은 이미지 (인치당 도트 수, dpi)는 선명하게 보이고 픽셀 밀도가 낮은 이미지는 흐릿하게 보입니다. 차이점을 보려면 Flickr와 Minecraft를 비교하십시오. 비트 맵 이미지를 확대하면 픽셀이 더 크게 보이고 이미지가 더 단단 해지고 덜 선명 해집니다.

벡터는 이미지에 배열 된 도형의 수학적 설명입니다. 또한 본질적인 크기는 없지만 동작 방식이 다릅니다. 벡터 그래픽은 화면에 맞게 다시 계산되므로 확대 할 때 변경되지 않습니다.

Corel Draw는 벡터 그래픽 프로그램이므로 사용자가 만드는 이미지는 벡터입니다. 클라이언트가 1900x1200 이미지를 원하는 경우 이미지를 내보낼 때이를 비트 맵으로 변환해야합니다. 중요한 것은 벡터의 크기와 비트 맵의 ​​크기가 독립적이라는 것입니다. 6 피트 6 피트의 Corel Draw 파일을 만들어 400x300 픽셀 이미지로 내보낼 수 있습니다. 또는 Corel Draw의 인치 사각형 인 파일을 10,000 픽셀 사각형의 비트 맵으로 내보낼 수 있습니다. 그러나 단위를 픽셀로 변경할 수 있지만 일반적으로 프로그램은 픽셀 크기를 요구하는 대신 비트 맵의 ​​크기와 해상도를 지정하도록 요청합니다. 이를 통해 파일이 원하는 크기로 적당한 해상도가되도록 할 수 있습니다. 고객은 특정 해상도를 요청하여 큰 화면 크기 나 작은 인쇄 크기로 이미지를 사용할 수 있는지 확인하려고합니다. 실제 크기의 디지털 이미지에 대한 아이디어는 이상하지만, 다운 스트림 작업이 더 쉽습니다.

따라서 원하는 크기로 그래픽을 만든 다음 내보낼 때 바로 픽셀 크기를 지정하십시오. 주의해야 할 점은 그래픽에 비트 맵 이미지를 포함하는 경우 최종 이미지에 필요한만큼 해상도가 높아야한다는 것입니다. 따라서 그래픽 너비의 절반이 사진 인 경우 해당 사진의 너비는 950 픽셀이어야합니다.

CSS의 픽셀 (및 디스플레이 미디어의 기술적 속성이 아님)은 명백한 각도 너비의 단위입니다. 따라서 픽셀을도, 라디안 등으로 만 변환 할 수 있습니다. 픽셀을 인치로 변환 할 수 있지만 인치가 얼마나 멀리 있는지 알아야합니다.

Sean B. Palmer는 다음과 같은 멋진 페이지 를 제공합니다.

지구의 달은 예를 들어 약 24.3px입니다. 1 마일 떨어진 에펠 탑의 높이는 약 550.5px입니다. 이는 CSS 2.1에서“{width : 24.3px}”를 수행 할 때 달의 크기만큼 넓게 만드는 것을 의미합니다.

픽셀은 이미지에서 가장 작은 지점입니다. 물리적 크기가 없습니다. DPI (인치당 도트 수) 또는 이와 유사한 단위로 해상도를 지정하면이 해상도를 준수하는 장치에 렌더링합니다.

실제로, 디자이너 나 소프트웨어가 디스플레이 크기 / 해상도에 대해 신경 쓰지 않았거나 알지 못했거나 사용 가능한 표면에 맞게 크기 조정 요소를 적용했기 때문에 크기가 임의의 경우가 많습니다.

기억하십시오 : 픽셀은 사전 정의 된 크기가 없습니다. 피카와 달리.

PSD Tuts에는 여기 픽셀 간의 관계를 설명하는 비디오가 있습니다.

픽셀

픽셀은 디스플레이 장치의 디자인을 표시하는 가장 작은 형태입니다. 예 : 디스플레이 모니터는 여러 픽셀로 구성되어 화면에 디스플레이를 형성합니다.