썸네일 흐림 현상 발생
본문
http://mojohome.edenstore.co.kr/shop/
메인에 현재 상품하나가 등록되어있습니다 메인에서는 이미지가 자세히 잘보입니다.
클릭해서 상세페이지에서 이미지를 보면 약간 흐려진듯한 깨짐현상이 발생합니다
500x500으로 해도 이렇고 300x300으로 해도 이런데 혹시 정해진 규격사이즈가 있는지 아니면 깨짐 현상이 발생하는 이유가있을까요 ?
답변 4
사이트들어가서 보면 해당 이미지가 300X300짜리 썸네일파일을 500X500으로 늘려서 보이겠금 되어있습니다. 당연 흐릿해지겠져;;
그런데 500X500으로 파일을 올려도 해당 이미지 파일이 흐리게 보입니다.
원본파일 문제가 아니고 썸네일로 생성된 파일입니다... 제가 영카트를 안써서 어디서 제어하는지는 모르겠는데...원본파일을 올리면 추가적으로 썸네일 파일이 생겨나는거고 300X300으로 저장되서 그파일을 불러오는거니까 계속 흐릇하게 보이는거져...
썸네일 사이즈를 조정하는곳을 찾아서 그 사이즈를 300X300으로 보여지게 수정하면 된다는거군요 한번 찾아보겠습니다.
500X500으로 썸네일이 생성되게해야죠..
지금상황은 300X300을 썸네일 파일을500X500으로 보이게 늘려놨으니
뿌옇게 보이는거예요.......
처음에 500X500파일을 올렸었는데 깨짐현상이 발생되어서 300X300으로 변경해서 올려둔상태입니다. 500X500일때 썸네일도 그럼 500X500으로 생성이 되었다는것인데 깨짐현상이 일어나면 잘못된것 같습니다.
http://mojohome.edenstore.co.kr/shop/item.php?it_id=1613713837
이미지 하나더 올렸는데 현재 가로 500으로 올렸습니다 보시다시피 500으로올렸어도 흐림현상이 발생하고있습니다
썸네일 크기부터 키우셔야 할듯 하네요~
이미지 업로드할때 500X500으로 올렸는데 흐리게나왔습니다 썸네일크기를 원본 이미지 크기로 변경하는 소스가 있을까요 ?
참고하세요. 섬네일 jpg로 변경하시게 되면 퀄리티는 90정도로 주면 품질은 좋습니다. 용량이 커져서 약간 문제이긴 한데 품질 생각하면 이 방법 말고는 없습니다. 89와 90은 하늘과 땅 차이인 경우도 있으니 참고하세요.
즉, 79와 80도 차이가 심합니다. 78과 79는 별차이 없음.
jpg여서 문제가 되는건가요 ? 사이즈를 500x500으로 해보고 300x300으로 해보았지만 둘다 깨지는건 똑같았습니다.
보여지는 품질이 중요하다면 좀더 크게 섬네일 만드는 방법도 있습니다. 요즘은 브라우저가 알아서 처리를 해주는데 눈으로 봤을때 좋아 보이는지 확인하시면 됩니다.
별도 페이지에 테스트 해보세요.
다만 이미지를 <IMG 이 태그에 지정한 가로세로 보다 실제 이미지가 크면 SEO에서 라이트 하우스 같은것 돌리면 줄이라는 메시지가 나오긴 하는데 그건 그쪽 문제이고 실 사용과는 무관합니다.
중요한것은 사이즈 및 변환 퀄리티별로 별도 페이지 만들어서 이미지 비교해 보시는겁니다.