본문 바로가기

웹개발/반응형 웹

img태그에 사이트 폭에 맞는 이미지 사용하기

<img src="http://src.sencha.io/http://사이트도메인/경로/이미지파일명" >

와 같이 src attribute 안에 "http://src.sencha.io/"를 추가하고, 뒤에 사이트의 절대경로를 붙이면 사이트 폭에 맞는 이미지로 자동 resize 되어 다운로드할 수 있습니다.

큰 이미지를 바로 사용할 경우, 사이트의 속도가 느릴 수 있습니다.

해상도 별 이미지를 따로 준비하지 않아도 되며,

모바일 웹사이트 제작시에 아주 유용하게 쓰실 수 있습니다.