Chrome의 'srcset` 속성에 해당하는 기기 크기/해상도는 무엇입니까?

Question

Google 크롬 IMG srcset 크기의 장치 크기/해상도를 정의하는지도가 있습니까?/해상도 화면에 그 이미지 크기의 각을받을 어떤 크기의

<img src="pic1x.png" srcset="pic1x.png 1x, pic2x.png 2x, pic4x.png 4x"> 

의 경우 예를 들어

? 그리고/또는 다른 크기가 있습니까?

Answer 1

srcset 배수는 픽셀 단위 당 도트를 나타냅니다. 특정 해상도가 아닌 픽셀과 실제 크기의 비율로 매핑됩니다. 다음은 간단한 매핑은 다음과 같습니다

 
Multiplier(dppx) Dots Per Inch(dpi) 
1     96dpi 
1.3    124.8dpi 
1.5    144dpi 
2     192dpi 

 
1 dppx = 96 dpi 
1 dpi = 2.54 dpcm 
1 dpcm ≈ 0.39dpi 

• dpi의 : 인치당 도트; 1dpi ≈ 2.54dpcm
• dpcm : 점 당 센티미터; 1dpcm ≈ 0.39dpi
• dppx : px 단위당 도트 수. 1dppx ≈ 96dpi

참조

• retina.js
• Resolution Units
• What Media Queries Can My Device See
• CSS Media Queries Implementation Report
• The real conflict behind <picture> and @srcset