영카트 모바일 상세페이지 썸네일 해상도 질문입니다!
본문
모바일 스킨 내 item.form.php에서
26번째 라인에
$thumb_img = '';
$thumb_img_w = 280; // 넓이
$thumb_img_h = 280; // 높이
를
$thumb_img_w = 1080; // 넓이
$thumb_img_h = 1400; // 높이
으로 변경했더니
상품 등록시 올린 1080x1400 해상도의 선명한 이미지는 출력이 되는데
위 이미지처럼 이미지가 보여지는 폭보다 더 크게 나옵니다.
기본값 세팅대로 넣으면 상세페이지 내 썸네일의 크기 안에는 들어가지만
해상도가 뿌옇게 나옵니다.
config.php에서 jpg 퀄리티를 100으로 수정해서 pc에서는 제대로 보여집니다.
하지만 모바일에서는 이미지 해상도가 뿌옇게 나온느데,
어떻게 해야할까요..
혼자 이리저리 자료랑 뒤적뒤적하면서 뒤적뒤적해봤는데 도저히 답을 구할수가 없네요 ㅠㅠ
ul 구문에서 이미지를 뿌려주는 부분이 문제인걸까싶어
47라인의
echo '<ul id="sit_pvi_slide" style="width:'.$thumb_img_w.'px;height:'.$thumb_img_h.'px">'.PHP_EOL;
를 width:100%;height:100%로 수정을 했더니 아예 이미지가 나오지 않습니다.. 어떻게 해야
모바일 상세페이지 내 썸네일의 해상도를 선명하게 출력할 수 있을까요.. ㅠㅠ
답변 1
width 값만 주시면 height 값은 자동으로 잡습니다.
강제로 height 값을 주시면 강제로 늘이거나 줄인 현상이 발생해서
사진이 뿌옇게 보입니다.
width 만 값을 주고 height 값에는 값을 넣지 마세요. 0 도 안됩니다.