쇼핑몰디자인 이미지배너 변경하기 세번째

쇼핑몰디자인 이미지배너 변경하기 세번째

 

저번 고도몰5 이미지 webftp를 이용하여 쉽게 이미지를 바꾸는 걸 배우셨습니다.
이미지를 바꾸시려면 이미지의 주소, 이름을 알아야 할 텐데,
만약 까먹으셨거나 어디서 봐야 하는지 방법을 모르시는 분들의 위해 준비하였습니다.

요약정리 이미지배너 찾는 방법 3가지
① 마우스 왼쪽 버튼을 누른 후 '다른 이름으로 저장'
② 크롬에서 F12 개발자 화면의 Style에서 링크 주소를 확인
③ 크롬에서 F12 개발자 화면의 Element에서 링크 주소를 확인

 

 

방법 3가지 중 첫번째부터 알려드리겠습니다.

① 마우스 왼쪽 버튼을 누른 후 '다른 이름으로 저장' 

 

원하는 이미지에 마우스로 오른쪽 클릭을 합니다. 
이미지를 다른 이름으로 저장을 마우스 왼쪽 클릭을 합니다. 
그리고 원하는 위치에서 저장 버튼을 누르시면 됩니다. 

 

다른 이름으로 저장

하지만 다른 이름으로 저장이라는 버튼이 없는 경우가 있습니다.
그때 찾는 방법을 안내드리겠습니다.

 

방법 3가지 중 두번째부터 알려드리겠습니다.

② 크롬에서 F12 개발자 화면의 Style에서 링크 주소를 확인 

네이버에서 로고이미지를 다운로드하는 방법을 알려드리겠습니다.
모든 사이트에서 이미지배너를 찾을 수 있는 베스트 방법입니다.

먼저 익스플로러(EXPLORE)와 크롬(CHROME)을 둘 다 사용하고 계시나요?
이 방법에서는 익스플로러보단 크롬에서 하시는 걸 추천드리겠습니다.

크롬을 사용하지 않는다면 무료로 다운로드 하시는 걸 추천드립니다.
https://www.google.com/chrome/


1. 크롬에서 www.naver.com를 열고 키보드의 F12버튼을 누릅니다. 
화면의 좌측, 하단, 우측 중에 개발자 화면이 보입니다.

 

네이버메인에서 F12 누르면 화면

2.

요소선택 버튼을 누릅니다. 
그리고 마우스로 네이버 로고에서 마우스의 왼쪽 버튼을 누릅니다.

 

3. 네이버 로고가 선택이 되었습니다. 
Styles에서 background-img : url(https://www.naver.com/이미지로고) 가로안에 이미지의 주소가 있습니다.

 

노란색부분 끝의.png까지 복사해주셔야 합니다.

4. 링크주소를 복사 후 크롬 검색창에 붙여 넣고 이동합니다. 그리고 이미지 위에서 마우스 오른쪽 클릭 후
다른 이름으로 저장을 눌러주시면 됩니다. 

 

크롬 주소창에 주소를 붙여넣기하고 엔터누릅니다.

 

방법 3가지 중 3번째부터 알려드리겠습니다.

③ 크롬에서 F12 개발자 화면의 Element에서 링크 주소를 확인 

 

img src의 링크가 이미지 주소입니다.

보통은 2번째 화살표 버튼을 누르면 Elements에서 img src="https://www.naver.com/이미지로고" 가 보입니다.
그러면 이 링크에 이미지가 있다고 확인을 하지만 네이버의 경우에는 지금의 방법으로 찾아봐야합니다.

이상, 쇼핑몰디자인 이미지배너 변경하기 세번째를 알려드렸습니다.

공감과 댓글은 블로거에게 큰 힘이 됩니다. 감사합니다.