레티나(Retina) 고해상도 이미지 처리

TLTR

요즘 이미지를 보여줄 때 300 x 300 크기로 보여주고 싶다고 하면, 원본 크기를 2배로 늘리고, CSS에서는 원본의 절반의 크기로 표현한다. 이렇게 하는 이유는 애플 Retina Display에서 잘 노출되도록 하기 위함이다.

경험담

모든 이미지 파일을 2배 처리하면 되지 않나 싶은데..
이미지 파일이 너무 커서 2배로 늘리기에는 부담일 수 있다.
이럴땐 적절히 판단해야할거 같다. 디자이너와 테스트를 해보길.