웹 서핑을 하다가 한 페이지의 모든 이미지를 통째로 저장하고 싶은 순간이 있으신가요? 가장 흔한 방법은 이미지마다 마우스 오른쪽 버튼을 클릭해 '이미지 저장'을 선택하는 것이지만, 이미지가 수십 장씩 있는 페이지에서는 물론 여러 페이지를 대상으로 작업할 때는 시간이 너무 많이 걸립니다. 이 글에서는 파이어폭스(Firefox)에서 웹 페이지의 모든 이미지를 빠르게 저장할 수 있는 세 가지 방법을 소개합니다.
1. Firefox '페이지 정보' 기능 활용하기
1. 아무 웹 페이지에서나 마우스 오른쪽 버튼을 클릭한 뒤 '페이지 정보 보기(View Page Info)'를 선택합니다.
2. '미디어(Media)' 탭을 클릭하면 해당 페이지의 모든 미디어 콘텐츠(이미지, 동영상 등)가 한눈에 표시됩니다.
참고로 페이지가 이미지를 지연 로딩(lazy loading)하는 방식이라면, 모든 이미지가 불러와질 때까지 페이지 맨 아래까지 스크롤을 내려주세요.
3. 이제 목록의 항목을 모두 선택(Shift 또는 Ctrl 키로 다중 선택 가능)한 후 '다른 이름으로 저장(Save As)' 버튼을 클릭하면 됩니다.
이걸로 끝입니다!
주의: 이 방법의 단점은 웹P(webP) 형식의 이미지 파일은 '미디어' 탭에서 감지되지 않아 저장할 수 없다는 점입니다.
2. 전체 페이지 저장하기
또 다른 방법은 페이지 전체를 바탕화면에 저장하는 것입니다. 이렇게 하면 HTML 파일과 함께 페이지에 삽입된 모든 이미지도 함께 저장됩니다.
1. 웹 페이지에서 마우스 오른쪽 버튼을 클릭하고 '다른 이름으로 페이지 저장(Save Page As)'을 선택합니다.
2. 파일 저장 대화상자에서 저장 형식이 '웹 페이지, 전체(Web Page, complete)'로 되어 있는지 확인합니다.
3. 확인(OK)을 클릭합니다.
저장이 완료되면 바탕화면에 생성된 폴더 안에서 해당 페이지에 포함된 모든 이미지를 찾을 수 있습니다.
3. 'Download All Images' 애드온 사용하기
위 방법들로 해결되지 않는다면 'Download All Images' 애드온을 설치해 손쉽게 모든 이미지를 저장할 수 있습니다.
애드온을 설치한 뒤, 이미지를 저장하고 싶은 웹 페이지에서 도구 모음의 이미지 아이콘을 클릭하세요.
그러면 팝업 창이 뜨면서 해당 페이지의 이미지 개수와 총 용량 등을 자동으로 계산해 보여줍니다. 이미지의 최소·최대 너비, 이미지 유형, 정규 표현식 등 다양한 옵션을 원하는 대로 설정할 수도 있습니다.
'저장(Save)' 버튼을 클릭하면 모든 이미지가 한꺼번에 저장됩니다.
이미지 저장 외에도 개발자 도구(Developer Tools)를 활용해 실제 사이트를 편집하는 방법을 알아두면 더욱 유용합니다.