레티나 디스플레이(Retina Display). 애플이 2010년 아이폰4에 처음 탑재한 이후 다양한 제품에 확대 적용하고 있는 고해상도 디스플레이의 통칭이다. 아이폰과 아이패드, 그리고 맥북 프로의 새 모델을 통해 이미 많은 소비자들이 익숙하게 이용하고 있다. 그런데 과연 우리는 레티나 디스플레이에 대해 얼마나 알고 있을까?
적지 않은 독자들이 갖고 있는 의문 중에 한 가지는, 레티나 디스플레이의 패널을 삼성이나 LG 등이 공급하고 있으니 레티나 디스플레이는 애플의 기술이 아니라 사실상 삼성이나 LG의 기술이 아니냐는 것이다.
결론부터 말하자면 아주 틀린 주장이라고 볼 수는 없지만 결코 맞는 얘기는 아니다.
애플 아이패드 레티나 디스플레이(출처 : 애플코리아 홈페이지)
고해상도 디스플레이에서 디스플레이 패널은 핵심 요소임에 분명하다. 고해상도 IPS 패널이 없었다면 레티나 디스플레이는 처음부터 등장할 수 없었을 것이다.
그러나 애플이 레티나 디스플레이를 선보이기 전까지 삼성이나 LG 등 앞선 디스플레이 기술을 가진 업체들이 자사의 모바일 기기에서 고해상도 디스플레이를 시도하지 않았다는 사실을 기억해야 한다. 모바일 기기의 디스플레이 성능이 빠르게 발전하는 추세지만 아직까지 애플의 레티나 디스플레이를 능가한다고 단정지을 수 있는 제품은 나오지 않았다.
비밀은 애플의 iOS와 OS X 운영체제에서 찾을 수 있다.
애플 맥북 프로 레티나 디스플레이(출처 : 애플코리아 홈페이지)
고해상도 디스플레이가 제 성능을 십분 발휘하기 위해서는 운영체제의 지원이 필수적이다. 많은 독자들이 과거 윈도우 PC를 모니터에 연결해 이용할 때 모니터의 최대 해상도를 이용하지 않고 중상 정도의 해상도로 낮춰서 이용한 경험이 있을 것이다. 고해상도는 선명함과 같은 화면에 더 많은 정보를 담아낼 수 있다는 것이 장점이지만 화면의 개체가 그만큼 작게 표현되는 단점이 있기 때문이다.
초고해상도 모니터에서 웹 브라우저를 통해 포털 등 웹사이트를 띄웠을 때를 떠올려보면 쉽다. 화면은 선명해 보이지만 글자와 아이콘은 너무 작고 레이아웃에서 빈 공간이 많아진다. 20인치 이상의 대형 모니터에서는 개체가 조금 작게 표현돼도 어느 정도 사용할 수 있는 수준이지만 모바일 기기에서는 그렇지 않다. 아이콘이나 하이퍼텍스트 크기가 절반으로만 줄어들어도 손가락을 버리고 다시 스타일러스펜을 이용하던 감압식 터치 시대로 돌아가야 할 지도 모른다.
이러한 문제를 해결하기 위해서는 운영체제가 크게 다음 세 가지 기능을 적절하게 지원해야 한다. 첫째는 당연한 얘기지만 고해상도 출력을 지원해야 하고, 둘째는 애플리케이션이나 각종 개체의 레이아웃을 해상도에 맞게 적절히 재배치 해줘야 한다. 마지막으로 고해상도에서 개체의 크기가 너무 작게 표현되지 않도록 적당한 크기로 배율을 조정해 확대해서 보여줄 수 있어야 한다.
안드로이드의 경우 화면 크기를 xlarge, large, normal, small 네 가지로 분류하고, 인치당 도트수(dpi)를 총 여섯 가지로 분류한 후 기기의 화면 크기에 따라 도트 밀도를 다르게 처리해주는 방식을 채택하고 있다. 개발자들은 자신이 개발하는 안드로이드 앱이 모든 화면에서 잘 작동하게 하기 위해서 각기 다른 화면 크기에서 어떤 도트 밀도로 화면을 보여줄 것인지를 코드의 최상단에서 지정해줘야 한다(참고 : developer.android.com). 그러나 안드로이드 기기의 화면 크기가 4가지로 통일돼 있는 것도 아니고 해상도도 기기마다 제각각이어서 모든 환경에서 100% 완벽하게 동작하는 것은 쉽지 않다. 그래서 일일이 다양한 기기를 사용해 테스트를 해야 하며, 갤럭시 시리즈 등 많이 팔린 기기 중심으로 최적화를 할 수 밖에 없다.
윈도우는 고해상도 모니터를 연결할 경우 개체 크기가 현격히 작아졌기 때문에 PC 환경에서 고해상도 모니터를 전문가들의 영역으로 제한하고 윈도우 태블릿이 고해상도를 탑재하지 못하도록 막아온 장본인이다. 다행히 윈도우8부터는 완전히 달라졌다. 윈도우8은 최소 1024×768에서 최대 2560×1440 해상도를 지원하기 시작했다. 1366×768을 기준 해상도로 정하고 해상도에 따라 레터박스로 채워 넣거나, 레이아웃을 해상도에 따라 자동 조정하거나, 배율 조정을 하는 등 다양한 옵션을 제공한다. 고해상도에서도 적절한 크기로 개체를 보여주기 위해 100%, 140%(HD 태블릿 등), 180%(쿼드-XGA 태블릿 등) 세 가지 배율로 개체를 확대해준다. 또한 해상도와 화면 크기에 따라 적절한 배율이나 레이아웃에 대한 가이드를 제공해 서로 다른 기기에서 가장 나은 디스플레이 성능을 제공할 수 있도록 노력하고 있다(참고 : 윈도우8 공식 블로그).
출처 : 윈도우8 공식 블로그
반면 애플은 안드로이드나 윈도우와는 사뭇 다른 방식을 채택하고 있다. 2010년 6월 공개된 아이폰4 레티나 디스플레이의 해상도는 960×640으로, 아이폰3GS 480×320에서 가로, 세로 픽셀수가 정확히 두 배로 늘어났다. 2012년 3월 공개된 아이패드 3세대의 해상도는 2048×1536으로 역시 전작인 아이패드2(1024×768) 해상도의 정확히 두 배다. 올 6월 출시된 맥북 프로 레티나 디스플레이 15형은 2880×1880(전작은 1440×900), 10월 출시된 13형은 2560×1600(전작은 1280×800)이다. 여기서 공통적으로 찾을 수 있는 키워드는 ’2배’이다.
그렇다. 소프트웨어와 하드웨어를 통합해 제공하는 애플은 윈도우나 안드로이드처럼 다양한 해상도와 화면 크기를 고려할 필요가 없었다. 애플이 찾은 해법은 ‘×2′였다. 해상도를 두 배로 늘리는 동시에 운영체제에서 스케일 배율을 2배로 확대한 것이다(왼쪽 사진 – 출처 : http://www.anandtech.com). 정수 배의 스케일 배율은 고해상도 디스플레이에서 매우 큰 장점을 가지고 있다. 애플의 경우에는 가로 세로 픽셀 수를 두 배로 맞췄기 때문에 과거 하나의 픽셀로 표현됐던 점을 2×2=4개의 픽셀로 표현하게 된다. 정수배가 아닌 소수점이 있는 배율에서는 디스플레이의 픽셀 수와 도트수가 일치하지 않아 별도의 보간법(interpolation)이나 필터링을 적용해야 하지만, 애플 레티나 디스플레이처럼 정수 배로 똑 떨어질 경우에는 별도의 보정 처리 없이 최상의 화질을 제공할 수 있다.
보간법이나 필터링이 적용된 화질과 정수 배로 정확히 확대한 화질의 차이는 심각할 정도로 크지는 않지만, 육안으로 어렵지 않게 구분할 수 있는 수준이다. 맥북 프로 레티나 디스플레이 제품을 쓰는 이용자라면 디스플레이 설정에서 ‘Retina 디스플레이에 최적화’ 옵션이 아닌 다른 해상도로 바꿔보면 바로 알 수 있다. 레티나 맥북 프로의 경우 다른 해상도로 변경하면 일단 레티나에 꼭 맞는 2배 배율로 화면을 스케일업한 다음, 이를 다시 화면 크기에 맞도록 부동 소수점 필터를 활용해 일정 비율로 확대하거나 축소해서 보여준다. 이를 적용해보면 레티나 디스플레이 최적화 옵션과 비교해 선명도가 소폭 떨어지는 것을 확인할 수 있다. 또한 상시로 필터를 적용해야 하기 때문에 시스템 자원을 지속적으로 잡아먹는 단점도 생긴다.
애플이 960×640(아이폰), 2048×1536(아이패드), 2880×1880 혹은 2560×1600(맥북 프로 레티나 디스플레이) 등 다른 제조업체에서 잘 쓰지 않았던 다소 생경한 해상도를 들고 나온 것도 바로 2배의 규칙을 지켜서 최대한의 선명도를 제공하기 위함이었다. 이는 엔드-투-엔드 통합의 또 다른 장점이며, 애플이 가장 먼저 일반 소비자 시장에 고해상도 디스플레이를 적용할 수 있었던 원동력이 됐다. 안드로이드나 윈도우 등 운영체제 따로 하드웨어 따로 개발되는 플랫폼에서는 쉽게 적용할 수 없는 전략이다.
서드파티 개발자들은 애플이 제공하는 API를 이용해 손쉽게 레티나 디스플레이에 대응할 수 있다. 모든 벡터 기반의 이미지와 텍스트들은 애플 API가 알아서 정수 배로 확대해준다. 비트맵 이미지의 경우에는 어쩔 수 없이 선형 보간법을 적용하게 되는데, 만약 레티나 디스플레이에 맞춘 4배 크기의 별도의 이미지를 준비했다면 운영체제가 자동으로 고해상도 이미지로 대체해서 선명하게 출력해준다. 레티나가 아닌 제품과 레티나 제품 두 가지를 지원해야 하는 번거로움이 늘어난 셈이지만, 수많은 해상도와 화면 크기를 고려해야 하는 안드로이드와 비교하면 여전히 양반이다.
이용자의 입장에서는 4배 선명해진 애플리케이션을 이용하면서도 이전 제품들과 동일한 크기로 모든 레이아웃과 콘텐츠를 이용할 수 있다는 것이 큰 장점이다. 해상도가 4배 높아졌지만 모든 객체가 가로, 세로 각 2배씩 4배 크게 보여지기 때문이다. 예를 들어 2048×1536의 아이패드 4세대의 경우 선명도에만 차이가 있을 뿐 애플리케이션의 모든 구성은 아이패드2(1024×768) 동일하다. 픽셀수만 2048×1536이지 화면에서 개체가 표현되는 크기는 전작의 1024×768 해상도와 정확히 일치한다. 소비자들은 달라진 크기와 레이아웃에 새로 적응해야 할 필요 없이 레티나의 고해상도만 즐기면 된다.
레티나 디스플레이는 아이폰과 아이패드에서도 전작들을 ‘오징어’로 보이게 할 만큼 강력한 매력을 자랑했지만, 특히 맥북 프로에서는 그 가치가 더욱 극대화된다. 특히 사진, 영상 편집 등 전문가들의 작업에서 위력을 발휘한다. 사진 편집 프로그램인 어퍼쳐(Aperture)나 아이무비(iMovie), 파이널 컷 HD(Final Cut HD) 등의 애플리케이션을 사용해보면, 메뉴 등 UI 요소는 스케일업해서 처리되지만 사진과 영상 등 편집 대상은 스케일업 처리를 하지 않고 원본 픽셀 그대로 표시되도록 제작된 것을 알 수 있다. 맥북 프로 레티나 15인치 모델의 경우 해상도가 2880×1880에 달하기 때문에 각종 도구목록을 띄워놓은 상태에서도 1080p 동영상을 풀사이즈로 띄워놓고 작업을 할 수 있는 것이다.
애플 레티나 디스플레이라고 해서 장점만 있는 것은 아니다. 아이폰4나 아이패드 3세대가 처음 출시됐을 때 확인했듯이, 레티나 API를 적용하지 않은 애플리케이션의 경우 오히려 레티나 디스플레이가 아닐 때보다 더 흐릿하게 표시되는 단점이 있었다. 억지로 2배로 확대해서 보여줬기 때문이다. 그러나 이 경우에도 현저히 객체가 작아 보이더라도 1:1 배율로 표현하는 방법과 억지로라도 2배로 확대해서 이전과 동일한 크기로 보여주는 방법 사이에 선택의 문제가 있었고, 후자가 차라리 나은 선택이었던 것은 분명하다. 그리고 많은 서드파티 앱이 레티나를 본격적으로 지원하면서 이러한 문제는 상당 부분 해소되는 추세다.
진짜 아쉬운 점은 애플리케이션보다는 웹에서 발생한다. 사파리를 포함해 레티나 디스플레이를 지원하는 웹브라우저에서 웹사이트를 열어보면 텍스트는 믿지 못할 정도로 선명하게 표현되지만, 억지로 확대된 이미지들은 심각하게 흐릿하게 보이는 경험을 하게 된다. 레티나 디스플레이 이전보다 더욱 흐리게 보일 정도다.
물론 웹사이트의 경우에도 레티나 디스플레이에 맞춘 고해상도 이미지를 별도로 제공하도록 개발하면 선명하게 볼 수는 있다. 애플 공식 웹사이트와 오픈소스 프로젝트 사이트인 기트허브(Github) 등을 꼽을 수 있다. 그러나 일부 웹사이트를 제외하면 일부러 레티나를 지원하는 웹사이트는 찾아보기 힘들 정도다. 애플이 앱스토어 생태계에 발휘하는 영향력과 웹 생태계에 미치는 영향력은 천지차이다. 레티나를 지원하는 웹사이트가 iOS나 OS X 애플리케이션처럼 빠르게 늘어날 것이라고 보기는 어렵다. 앞으로도 한참 동안 레티나 디스플레이에서는 흐릿한 웹 이미지를 볼 수 밖에 없을 것이다.
Say Hello to Octicons j.mp/Y8xw8i 레티나에서도 이쁘게 보이는 GitHub의 웹페이지에 쓰이는 아이콘들이 어떻게 만들어 졌는지 설명하는 슬라이드. 아이콘폰트 방식이군요.
— 권정혁/구루 (@xguru) 12월 16, 2012
평범한 사례는 아니지만 웹사이트에서 레티나 지원을 고려한다면 기트허브 사례를 참고하는 것도 방법이다
비록 100% 완벽하다고 볼 수는 없지만, 애플 레티나 디스플레이는 운영체제의 지원과 고해상도 IPS 패널이 유기적으로 맞물리면서 최고 수준의 디스플레이 성능을 뽐낸다. 여기서 그치지 않고 색재현율과 색상 정확도, 명암비 등에서 동급 최고 수준을 유지하고 있으며, 제품이 거듭되면서 유리 부분을 최대한 얇게 하고 커버 유리와 LCD 사이의 공기층을 제거해서 디스플레이 두께를 줄이고 반사율을 낮추는 등 개선 노력이 지속되고 있다.
HTC 드로이드 DNA
레티나 디스플레이가 언제까지나 최고의 디스플레이 자리를 유지하라는 법은 없다. 특히 2013년에는 모바일과 PC 시장에서 본격적으로 고해상도 경쟁이 벌어질 것으로 예상된다. 윈도우8은 전작들의 아쉬운 해상도 지원에서 벗어나 고해상도 지원 기능을 충분히 갖췄으며 앞으로 다양한 고해상도 윈도우8 태블릿들이 속속 선보일 예정이다. 안드로이드 진영에서는 태블릿 뿐만 아니라 5인치 대 크기에 풀HD(1920×1080) 해상도를 탑재한 제품들이 출격을 기다리고 있다. 이미 샤프와 LG가 5인치 대 풀HD 해상도를 갖춘 스마트폰용 디스플레이를 발표한 바 있으며, 최근 샤프 아코스(SH930W)와 HTC 드로이드 DNA가 풀HD 스마트폰의 첫 테입을 끊었다. 내년 초에는 LG전자와 삼성전자에서도 풀HD 스마트폰이 공개될 것이라는 소문이 무성하다.
한 가지 걱정되는 점은 해상도 경쟁이 실제 소비자들이 체감하는 선명도가 아니라 스펙 경쟁으로 치달을 가능성이 있다는 점이다. 같은 값이면 해상도는 높을 수록 좋다지만, 4~5인치 수준의 스마트폰 화면에서 1280×720(갤럭시S3)나 1280×768(옵티머스G)를 넘어 1920×1080 풀HD 해상도가 꼭 필요한 지, 현재 안드로이드의 고해상도 처리 방식에서 소비자가 체감할 수 있을 정도의 차이를 제공할 수 있을 지도 꼼꼼히 따져볼 부분이다.
앞서서 고해상도 시대를 개척한 애플의 레티나 디스플레이에서 놓치지 말아야 할 점은, 단지 픽셀 숫자가 중요한 것이 아니라 어떻게 하면 주어진 해상도에서 최고의 선명도를 제공할 수 있을 것인가 하는 부분까지 챙겨야 한다는 점이다. 2013년 본격화될 풀 HD 경쟁이 단지 또 하나의 스펙 경쟁으로 변질되지 않고, 실질적으로 소비자들의 편리함으로 이어질 수 있기를 기대한다.