크롬 개발자 도구: 웹 페이지에 사용된 실제 이미지 html에 가져오기

 

( mac 기준으로 작성되었습니다 )

 

command+option+i 로 개발자 도구를 열어줍니다

 

Network > Img 에 들어갑니다

 

홈페이지를 클릭 후

새로고침 command+R 해줍니다

 

웹 페이지에 사용된 이미지 파일들이 쭉 나열됩니다

 

원하는 파일을 선택, 

우클릭 후 Copy link address 합니다.

 

복사된 링크를 html에 가져가

이미지 태그 안에 삽입 <img src=""> 하면 

완성!