용어집 · 포맷
레티나
고밀도 픽셀 화면이에요. 이런 화면에서 이미지를 선명하게 보이게 하려고 두 배 해상도의 버전을 써요.
자세히
레티나(또는 “고밀도”) 화면에서는 디자인의 픽셀 하나를 실제 픽셀 2개 이상으로 그려요. 300×250 픽셀 이미지를 그 공간에 늘려 쓰면 흐릿해 보이므로, 600×500 버전을 준비하고 300×250으로 줄여서 보여줘요.
대가는 용량이에요. 두 배 해상도의 이미지는 용량이 훨씬 커요. 그래서 HTML5에서는 가능하면 텍스트와 벡터 도형(SVG)을 쓰고, 큰 이미지는 정말 필요한 곳에만 쓰는 것이 좋아요.
예시
용어집으로 돌아가기300×250 배너에서 width: 300px로 표시한 600×500 사진.