레티나 디스플레이를 채택한 아이패드의 경우 dpi가 PC에 비해 높아(일반 윈도우 PC는 72dpi를 기준으로 하나 레티나 디스플레이는 300dpi를 넘기는 경우가 대부분입니다) 이미지 뭉개짐이 발생할 수 있습니다. 해결 방법으로는,
1. 원래의 로고 이미지보다 큰 이미지를 준비후 크기 강제 지정으로 리사이즈
2. @media를 이용, 레티나 디스플레이에서는 큰 로고 이미지를 사용
3. retina.js( https://github.com/imulus/retinajs )를 사용, 레티나 디스플레이에서는 파일명@2x.png 등 파일명 뒤 @2x를 붙임(물론 해당 파일은 미리 업로드되어 있어야 하며 기존 파일 크기에 비해 두배 이상은 되어야 함)
정도가 있겠습니다. 공통적으로 현재의 로고 이미지의 두배 크기 이미지가 필요하므로 원본 파일이 없는 경우라면 적용하기 곤란할수 있겠습니다.
레티나 디스플레이를 채택한 아이패드의 경우 dpi가 PC에 비해 높아(일반 윈도우 PC는 72dpi를 기준으로 하나 레티나 디스플레이는 300dpi를 넘기는 경우가 대부분입니다) 이미지 뭉개짐이 발생할 수 있습니다. 해결 방법으로는,
1. 원래의 로고 이미지보다 큰 이미지를 준비후 크기 강제 지정으로 리사이즈
2. @media를 이용, 레티나 디스플레이에서는 큰 로고 이미지를 사용
3. retina.js( https://github.com/imulus/retinajs )를 사용, 레티나 디스플레이에서는 파일명@2x.png 등 파일명 뒤 @2x를 붙임(물론 해당 파일은 미리 업로드되어 있어야 하며 기존 파일 크기에 비해 두배 이상은 되어야 함)
정도가 있겠습니다. 공통적으로 현재의 로고 이미지의 두배 크기 이미지가 필요하므로 원본 파일이 없는 경우라면 적용하기 곤란할수 있겠습니다.
참고 자료 : http://readme.skplanet.com/?p=10406