여러분은 공부를 하기위해 사이트를 클론해 보신 적이 있으신가요?
사이트를 클론하다 보면 그 사이트 로고 이미지, 카테고리 이미지, 좋아요 이미지, 저장 이미지 등등 많은 이미지가 필요합니다.
로고 이미지의 경우에는 구글에 검색하시면 대부분 나오시기는 하지만 음식 사진, 검색창 배경사진 등, 아무리 검색해도 나오지 않는 이미지가 있습니다.
그럴 때마다 난감하죠.. 비슷한 이미지로 쓰자니 가로, 세로 길이가 맞지 않아 불편하고 모양도 안 예쁘고..
그래서 오늘은 인터넷에 나오지 않는 이미지를 다운로드 받는 방법을 알려드리겠습니다.
요기요 홈페이지 스크린샷
제가 이번에 클론해 볼 요기요 사이트입니다.
보시면 검색 부분에 "어디로 배달해 드릴까요?" 이미지 , 카테고리 부분의 각종 음식 사진은
아무리 구글에 검색을 해봐도 나오질 않습니다. ㅜㅜ (물론 비슷한 이미지는 많이 있습니다!)
하지만 방법이 있습니다!
먼저 사이트에서 개발자 도구를 열어주세요. (단축키: F12)
요기요 홈페이지 개발자 도구 스크린샷
그런 다음 Network -> Img를 눌러줍니다.
요기요 홈페이지 개발자 도구 스크린샷2
왼쪽 Name 부분에 홈페이지에서 사용한 이미지가 있는 것을 볼 수 있습니다.
필요한 이미지를 더블클릭 하신후에 다운로드 받으셔서 사용하시면 됩니다!
( 만약 Name부분에 이미지가 안나오시면 새로고침 하신뒤에 확인하시면 됩니다 )
