IE 이미지 깨짐현상
본문
안녕하세요 영카트를 이용하여 홈페이지를 제작하고 있습니다.
썸네일 이미지가 흐릿하게 보이는 게 싫어 작은 별님의 팁대로
를 이용하여 썸네일을 원본 이미지로 보이고 있습니다.
가로폭 750 이미지를 250 px 로 메인 썸네일에서 보여주고있는데요,
사파리 / 크롬으로만 제작하다 최근 IE9 환경의 윈도우 PC에서 확인을하니
썸네일이 모두 깨져서 보이는 증상이 나타나고 있었습니다.
검색을 해보니 렌더링 문제로 계단식 출력 등 관련 자료가 많았는데요,
해결 방법으로 아래 CSS를 적용하였으나 동일한 문제가 나타나 질문을 드리게 되었습니다.
img{-ms-interpolation-mode: bicubic;}
참, 로고도 실제 이미지보다 약간 더 큰 파일을올렸더니 로고 부분도 깨지네요 해결 방법이 없을까요?
답변 2
로고도 그런거면 해당 팁만의 문제는 아니겠네요.
다른 방법으로 해결을 완료하였습니다 :)
이미지를 50% 이하로 리사이즈 할 경우 IE에서계단식 이미지 깨짐 증상이 있다고 합니다.
메인 이미지와 같은 섬네일을 이용하기 위해 이미지의 해상도를 1000px 이상으로 뽑았기 때문에,
그리하여 섬네일 이미지를 300px로 따로 관리하기로 하였습니다.
상품 이미지 1번은 섬네일 2번은 메인 이미지로 사용하기로요
item.from 파일 내
for ($i=1; $i<=10; $i++)를
for ($i=2; $i<=10; $i++)로 변경해줌으로써 상품 이미지 1번은 섬네일로만 사용하기로 하였습니다.
답변을 작성하시기 전에 로그인 해주세요.