본문 바로가기

현재 위치
  1. HOME
  2. 쇼핑몰 TIP

쇼핑몰 TIP

온라인 쇼핑몰 제작부터 운영, 마케팅까지! 유용한 정보를 제공합니다.

카테고리 상세
번호 문의유형 제목
1532 모바일 쇼핑몰에서 이미지가 잘 보이도록 하는 방법 조회수 8644
  • 작성일 2017-11-06 10:04:09
  • 추천 추천하기
  • 조회수 8644

모바일에 최적화된 이미지 노출하기!


가끔가다 모바일 상품 상세설명을 등록했는데
일부 기기에서 이미지가 정상으로 보이지 않을 때가 있습니다.

공들여 올린 상품인데
잘 보이지 않는다면 속상하겠죠?

이럴 땐 어떻게 해야 할까요?



01
이미지 자동 리사이징 방법


모바일에서 이미지가 이상하게 노출되는 이유는
모바일 상품을 등록할 때 HTML 소스 내에 width값과 height값을 넣었기 때문입니다.


모바일 기기 중에서 HTML 소스에 입력된 이미지 사이즈 값을
고정값으로 인식해 이미지 사이즈가 기기에 맞춰지지 않고
입력한 사이즈 그대로 노출하기 때문이죠!


때문에 HTML 소스에 별도로 사이즈 값을 넣는 과정을 생략하는 것이
운영자 분도 편하고, 상품 노출에도 더 좋은 방법입니다.


더불어 카페24에서는 모바일 상품 상세설명에 들어가는 이미지를
모바일 기기별로 딱 맞게 노출시켜주는 '자동 리사이징' 기능을 갖추고 있습니다.


상품 등록 시, '모바일 상품 상세설명' 항목에서
'모바일 상품이미지 사이즈 설정' 버튼을 클릭해 상품이미지 사이즈를 설정하고, 

'상품 상세설명 동일'을 선택하면
이미지가 자동 리사이징되어 등록됩니다.


 

이미지가 자동 리사이징 되면
이미지 크기로 인해 사이트 로드 속도가 느려지는 현상을 크게 개선할 수 있어
고객들의 만족도를 올릴 수 있답니다.


TIP을 하나 더 드리자면
FTP를 이용해 이미지 링크를 걸어준다면
훨~씬 편리하게 이미지를 등록할 수 있습니다!