망막 디스플레이 컴퓨터와 망막이 아닌 컴퓨터에 동일한 크기의 이미지를 제공합니까?

Question

내 웹 사이트에서 나는 img 태그의 간단한 width=650px 매개 변수를 사용하여 650x100까지 내려야하는 1300x200 이미지를 가지고 있습니다. 망막 Mac/iPhone/iPad 사용자가 내 사이트를 볼 때 어떻게됩니까? 전체 품질의 1300x200 이미지를 보지 않습니까, 아니면 품질을 인위적으로 절반으로 줄이시겠습니까?

효율적인 지 여부는 단지 50k PNG입니다. 내 사이트는 텍스트/CSS로 대부분 벡터화됩니다. Javascript를 탐지하는 브라우저 에이전트를 망치는 것보다 더 효율적이라고 주장 할 수 있습니다.

Answer 1

여러분, 제가 직접 답변하려고했습니다. 그래, width 태그를 사용하여 img의 반 크기로 태그를 사용하면 망막 브라우저에 전체 크기의 이미지가 표시됩니다.

상단에 width, 하단에 일반 650x100 이미지를 사용하여 1300x200 이미지를 절반 크기로 표시했습니다. 6.

iOS에서 Safari를 사용 확대