물어보기
질문이나 조언(추천, 의견)을 구할 수 있지만, 답변 의무는 그 누구에게도 없습니다. 직접적인 도움요청은 [작업의뢰]를 이용해주세요.

보통pc로 보면 로고가 이쁜데 아이패드로 보면 꼭 로고가 뿧여게 되네요?

 

meta테그로 해결하는 방법이 있을까용?

 

 

  • profile
    YJSoft 2016.10.09 10:55:50

    레티나 디스플레이를 채택한 아이패드의 경우 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

  • profile
    MIST 2016.10.09 20:45:38
    와! ㅎ 정말 자세하게 설명해 주신 yj님께 감사의 말씀을 ㅠ_ㅠ
    이미지를 확대한다는 생각은 안했었는데 역시 확대가 되다보니 해상도가 떨어지게 나오는 거였군용 ㅎ
    답변 정말 감사드립니다^^ 많은 도움이 되겠습니다
  • profile
    기진곰 2016.10.09 11:40:46

    "뿧여게" ㅋㅋㅋ

     

    요즘은 모바일 기기뿐 아니라 노트북도 해상도가 높아져서 로고 이미지처럼 중요한 것들은 크기를 2~3배 크게 만들어 두어야 합니다. XE타운도 그렇게 되어 있으니, 상단의 로고 이미지를 다운받아 보세요.

  • profile
    MIST 2016.10.09 20:43:27

    ㅋㅋㅋㅋㅋ 쓰고보니 ㅎ 저도 웃게됩니다욯
    아..네 사이즈는 정말 생각도 못해봤습니다.
    로고를 다시만들어야 겟네용 ㅠ_ㅠ
    곰님 좋은하루 되세용 ㅎ

     


서버에 요청 중입니다. 잠시만 기다려 주십시오...