이미지 줄임에 의한 화질저하
본문
일반적으로 반응형웹에서 모바일에 대응하기위해 이미지를 두배 또는 세배 크게 저장하여 모바일에서
이미지를 선명하게 보게하는데요
위방법 사용시 pc에서 이미지깨짐이 발생합니다.
물론 이게 싫으면 화면크기별 이미지를 따로따로 사용해주면 되겠지만 (귀찮자나요..)
그레서 생각해본게 72dpi 로 저장했던걸 144dpi로 저장한다던가.. 하면
pc와 mobile 둘다 이미지 깨짐없이 사용 가능할거라 생각하는데요
아무도 위 방법을 사용하지 않는거 같아서질문합니다.
1. 위 방법을 사용함으로 인해 보편적인 방법에 비해 단점이 무엇인지.. 다른문제점이 있는건지 궁금합니다
답변 2
썸네일 크기를 크게 하여 사용하면 어떨런지요
미디어쿼리를 활용하여 이미지를
디바이스 별로 노출 되도록 구현해 보세요!
아래는 나라디자인 블로그의 미디어쿼리 관련 포스팅 입니다.
http://naradesign.net/wp/2012/05/30/1823/
답변을 작성하시기 전에 로그인 해주세요.
