썸네일 흐림 현상 발생

썸네일 흐림 현상 발생

QA

썸네일 흐림 현상 발생

답변 4

본문

http://mojohome.edenstore.co.kr/shop/

 

 

메인에 현재 상품하나가 등록되어있습니다 메인에서는 이미지가 자세히 잘보입니다.

 

3731834642_1613637746.2887.png

 

클릭해서 상세페이지에서 이미지를 보면 약간 흐려진듯한 깨짐현상이 발생합니다

 

500x500으로 해도 이렇고 300x300으로 해도 이런데 혹시 정해진 규격사이즈가 있는지 아니면 깨짐 현상이 발생하는 이유가있을까요 ?

이 질문에 댓글 쓰기 :

답변 4

사이트들어가서 보면 해당 이미지가 300X300짜리 썸네일파일을 500X500으로 늘려서 보이겠금 되어있습니다. 당연 흐릿해지겠져;;

원본파일 문제가 아니고 썸네일로 생성된 파일입니다... 제가 영카트를 안써서 어디서 제어하는지는 모르겠는데...원본파일을 올리면 추가적으로 썸네일 파일이 생겨나는거고 300X300으로 저장되서 그파일을 불러오는거니까 계속 흐릇하게 보이는거져...

처음에 500X500파일을 올렸었는데 깨짐현상이 발생되어서 300X300으로 변경해서 올려둔상태입니다. 500X500일때 썸네일도 그럼 500X500으로 생성이 되었다는것인데 깨짐현상이 일어나면 잘못된것 같습니다.

3034868304_1613643596.222.png

 

썸네일 크기부터 키우셔야 할듯 하네요~

참고하세요. 섬네일 jpg로 변경하시게 되면 퀄리티는 90정도로 주면 품질은 좋습니다. 용량이 커져서 약간 문제이긴 한데 품질 생각하면 이 방법 말고는 없습니다. 89와 90은 하늘과 땅 차이인 경우도 있으니 참고하세요.

즉, 79와 80도 차이가 심합니다. 78과 79는 별차이 없음.

보여지는 품질이 중요하다면 좀더 크게 섬네일 만드는 방법도 있습니다. 요즘은 브라우저가 알아서 처리를 해주는데 눈으로 봤을때 좋아 보이는지 확인하시면 됩니다.

별도 페이지에 테스트 해보세요.

 

다만 이미지를 <IMG 이 태그에 지정한 가로세로 보다 실제 이미지가 크면 SEO에서 라이트 하우스 같은것 돌리면 줄이라는 메시지가 나오긴 하는데 그건 그쪽 문제이고 실 사용과는 무관합니다.

 

중요한것은 사이즈 및 변환 퀄리티별로 별도 페이지 만들어서 이미지 비교해 보시는겁니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 36
© SIRSOFT
현재 페이지 제일 처음으로