웹 페이지 저장하는 방법 3가지 PDF, PNG 등

웹 서핑을 하다 보면 유용한 정보를 담고 있는 페이지를 발견할 때가 있습니다. 보통은 즐겨찾기에 등록해 두고 필요할 때마다 접속하지만, 인터넷 연결이 불가능한 오프라인 환경에서는 접근하기 어렵다는 단점이 있죠. 그래서 오늘은 페이지를 단순히 즐겨찾기 하는 대신, 파일로 저장하여 인터넷 없이도 언제든 이용할 수 있는 방법에 대해 알아보겠습니다.

웹 페이지 저장하는 방법 인터넷 페이지 pdf,png,html로 저장하는 법
웹 페이지 저장하는 방법 인터넷 페이지 pdf, png, html로 저장하는 법

오늘 포스팅에서는 크롬, 엣지, 네이버 웨일 등 크로뮴 기반의 웹 브라우저를 활용하여 웹페이지를 저장하는 세 가지 방법을 소개합니다. PDF 파일로 출력하는 방법, 전체 화면을 캡처하는 방법, 그리고 페이지 전체를 HTML 파일로 다운로드하는 방법을 상세히 설명해 드릴 테니, 상황에 맞는 방법을 선택해 보세요.

1. 크롬 기반 브라우저에서 웹 페이지 HTML로 저장하는 방법

첫 번째 방법은 웹사이트의 정보를 통째로 HTML 형식으로 저장하는 것입니다. 이 방식은 사이트의 구조를 그대로 복제하므로 실제 웹사이트처럼 상호작용이 가능하다는 장점이 있습니다. 다만, 파일을 열어보기 위해서는 웹 브라우저가 필요합니다.

페이지를 다른 이름으로 저장 메뉴 선택
페이지를 다른 이름으로 저장

우선 크롬에서 저장하고 싶은 웹사이트에 접속합니다. 우측 상단의 “…” (점 세 개) 아이콘을 눌러 메뉴를 열고, “도구 더보기 -> 페이지를 다른 이름으로 저장”을 클릭합니다.

[네이버 웨일의 경우 “기타 -> 고급기능 -> 페이지를 다른 이름으로 저장” 메뉴를 이용하시면 됩니다.]

웹페이지 전부 저장 선택
웹페이지 전부 저장 선택 후 저장

창 하단의 파일 형식을 “웹페이지, 전부”로 설정한 뒤 저장 버튼을 누르면 파일 생성이 시작됩니다.

리소스 폴더와 함께 저장된 결과물
리소스 폴더와 함께 저장된 웹 페이지

저장된 결과물은 HTML 파일과 리소스 폴더 두 개로 구성됩니다. HTML 파일을 더블 클릭하거나 브라우저로 끌어다 놓으면 저장된 시점의 웹사이트를 그대로 확인할 수 있습니다.

만약 두 개의 파일을 관리하는 것이 번거롭다면, 하나의 단일 파일로 저장하는 것도 가능합니다.

웹 페이지 단일 파일로 저장 옵션
웹페이지 단일 파일로 저장하는 방법

파일을 저장할 때 하단 형식에서 “웹페이지, 단일 파일”을 선택해 보세요.

mhtml 형식으로 저장된 단일 파일
단일 파일로 저장된 웹 페이지

이 경우 mhtml 확장자로 저장되며, 리소스 폴더 없이 파일 하나만으로 웹 페이지의 내용을 완벽하게 보관할 수 있습니다.

저장된 mhtml 파일 실행 결과
저장된 웹페이지 실행 모습

2. 크롬 기반 브라우저에서 웹 페이지 PDF로 저장하는 방법

웹 페이지를 통째로 저장하는 방식은 편집이나 필기가 어렵다는 단점이 있습니다. 문서화하여 보관하거나 공유하고 싶다면 PDF 파일로 저장하는 것이 더 효율적입니다. 크롬의 인쇄 기능을 활용하면 별도의 프로그램 없이도 PDF 변환이 가능합니다.

크롬 인쇄 메뉴 실행
인쇄 기능을 이용한 웹페이지 저장

크롬 메뉴 버튼을 누르고 “인쇄”를 클릭합니다. (단축키: Ctrl + P)

대상 항목을 PDF로 저장으로 설정
pdf로 저장을 선택한 뒤 저장

인쇄 설정 창이 나타나면 “대상” 항목을 “PDF로 저장”으로 변경합니다. 만약 미리보기 화면에서 글자가 잘려 보인다면 “설정 더보기 -> 배율”에서 ‘맞춤 설정’을 선택해 수치를 조정해 보세요. 보통 75~90 사이로 설정하면 깔끔하게 출력됩니다.

저장된 PDF 파일 확인
저장된 pdf 파일

하지만 인쇄 기능을 통한 PDF 저장은 불필요한 공백이나 페이지가 과하게 많이 생길 수 있다는 단점이 있습니다. 이를 해결하기 위해 확장 프로그램을 사용하는 세 번째 방법을 추천합니다.

3. 크롬 확장 프로그램을 이용해 웹 페이지 저장하는 방법

마지막 방법은 GoFullPage라는 확장 프로그램을 이용하는 것입니다. 브라우저 기본 기능보다 훨씬 깔끔하고 간편하게 페이지 전체를 캡처할 수 있어 제가 가장 자주 사용하는 방식입니다.

크롬 웹 스토어에서 GoFullPage 추가
확장 프로그램을 이용한 웹 페이지 저장

링크를 통해 접속한 후 “Chrome에 추가” 버튼을 눌러 설치를 완료합니다.

확장 프로그램 아이콘 클릭
GoFullPage 실행

설치가 끝나면 브라우저 오른쪽 상단의 ‘퍼즐 조각’ 아이콘을 눌러 GoFullPage를 클릭합니다. 그러면 프로그램이 현재 페이지를 아래로 자동 스크롤하며 전체 화면을 캡처합니다.

캡처 완료된 화면
확장 프로그램을 이용해 캡처된 페이지

캡처가 완료되면 미리보기 창이 뜨는데, 여기서 PDF 또는 PNG 파일 중 원하는 형식으로 선택하여 저장할 수 있습니다. 저장 시 다운로드 권한 승인 창이 뜬다면 “허용”을 눌러주세요.

편집 기능 안내
편집 기능은 유료이므로 외부 편집기를 권장합니다.

참고로 상단의 “Edit” 버튼을 통한 편집 기능은 유료 서비스입니다. 편집이 필요하다면 파일을 먼저 저장한 뒤 알 PDF나 다른 외부 PDF 편집기를 이용하시는 것이 좋습니다.

GoFullPage로 저장된 깔끔한 결과물
인쇄 기능보다 훨씬 깔끔하게 저장된 모습

GoFullPage를 사용하면 별도의 배율 조정 없이도 페이지 구성 요소가 깨지지 않고 깔끔하게 저장됩니다. 확실히 기본 인쇄 기능보다 가독성이 좋은 파일을 얻을 수 있습니다.


지금까지 웹 페이지를 저장하는 세 가지 방법에 대해 알아보았습니다. HTML, PDF, PNG 등 상황에 따라 필요한 형식이 다를 텐데, 오늘 소개해 드린 내용이 도움이 되었기를 바랍니다. 특히 깔끔한 문서 보관을 원하신다면 세 번째 확장 프로그램 활용법을 꼭 한번 사용해 보세요.

긴 글 읽어주셔서 감사합니다. 다음에도 유용한 IT 팁으로 찾아뵙겠습니다!

함께 읽어보면 좋은 글

이 글의 저작권은 전적으로 작성자인 P_Emblem에게 있으며,
허락 없는 무단 복제 및 사용을 금합니다.

위로 스크롤