웹페이지 사라지기 전에! 이미지까지 통째로 저장하는 무료 방법

웹페이지 통째로 저장하는 방법을 찾고 계신다면 무료 브라우저 확장프로그램 SingleFile을 알아두세요. 인터넷 기사를 비롯해 블로그, 레시피, 업무 자료 등의 글과 이미지, 디자인 요소를 하나의 HTML 파일로 저장할 수 있습니다. 저장한 파일은 인터넷 연결 없이도 다시 열어볼 수 있어 유용합니다.

인터넷에서 괜찮은 정보를 발견했는데 나중에 다시 찾아보니 페이지가 사라졌거나 내용이 바뀌어 아쉬웠던 적 있으시죠? 북마크에 주소만 저장해 두는 것과 달리 웹페이지 자체를 보관하면 이런 상황에 대비할 수 있습니다.

오늘 소개할 SingleFile은 개인 개발자 Gildas Lormeau가 만든 오픈소스 확장프로그램입니다. 복잡한 설정 없이 버튼 한 번으로 웹페이지 전체를 저장할 수 있다는 점이 특징이에요.

01｜SingleFile은 어떤 확장프로그램인가요?

SingleFile은 현재 보고 있는 웹페이지를 하나의 HTML 파일로 만들어 주는 브라우저 확장프로그램입니다. 일반적인 텍스트뿐 아니라 이미지, CSS 스타일, 글꼴, 프레임 등 페이지를 구성하는 여러 요소도 함께 저장하도록 설계되어 있습니다.

가장 편리한 점은 저장할 때 여러 개의 파일과 폴더가 생기지 않는다는 것입니다. 결과물이 하나의 HTML 파일로 만들어지기 때문에 USB나 다른 PC로 옮겨 보관하기도 편리하네요.

저장한 파일은 일반 웹브라우저에서 열 수 있으며, 인터넷이 연결되지 않은 환경에서도 내용을 확인할 수 있습니다. 별도의 SingleFile 프로그램을 다시 설치할 필요도 없습니다.

02｜브라우저 기본 저장 기능과 무엇이 다를까요?

크롬이나 엣지에도 웹페이지 저장 기능이 있지만, 일반적인 HTML 저장 방식은 페이지 파일과 이미지 등이 들어 있는 별도 폴더가 함께 만들어질 수 있습니다. 브라우저에 따라 MHTML 같은 별도 형식으로 저장되기도 해요.

SingleFile은 이미지와 스타일 등의 리소스를 하나의 HTML 파일에 담는 방식입니다. 파일 하나만 옮기면 되기 때문에 자료를 정리하거나 장기간 보관할 때 한결 간편합니다.

특히 인터넷 기사, 온라인 강의 자료, 레시피, 제품 정보, 업무 참고 자료처럼 나중에 다시 읽어볼 페이지를 저장할 때 활용하기 좋습니다.

03｜SingleFile 설치 방법

사용하는 브라우저에 맞는 공식 확장프로그램 스토어에서 설치하시면 됩니다. 무료로 제공되며 기본적인 페이지 저장 기능을 사용하는 데 별도의 회원가입이나 구독 결제는 필요하지 않습니다.

크롬 사용자는 Chrome 웹 스토어에서 SingleFile을 검색한 다음 Chrome에 추가를 선택하세요.

엣지 사용자는 Microsoft Edge 추가 기능 스토어에서 설치할 수 있습니다.

파이어폭스 사용자는 Firefox Add-ons에서 설치하면 됩니다. Firefox 모바일용 확장프로그램도 제공하고 있습니다.

사파리도 macOS와 iOS용 별도 앱 형태로 제공되므로 사용 중인 기기에 맞춰 선택하시면 됩니다.

설치가 완료되면 브라우저 오른쪽 위의 확장프로그램 메뉴에서 SingleFile을 확인할 수 있습니다. 자주 사용한다면 도구 모음에 고정해 두세요.

04｜웹페이지 전체를 HTML 파일 하나로 저장하는 방법

설치가 끝났다면 실제로 사용해 보겠습니다. 처음에는 자주 방문하는 일반 웹페이지를 하나 열어 테스트해 보는 것이 좋습니다.

1. 저장하고 싶은 웹페이지를 열고 글과 이미지가 모두 표시될 때까지 기다립니다.
2. 브라우저 오른쪽 위에 있는 SingleFile 아이콘을 클릭합니다.
3. 페이지 내용을 분석하고 저장 파일을 만드는 과정이 진행됩니다.
4. 작업이 끝나면 브라우저 다운로드 폴더에 HTML 파일이 저장됩니다.
5. 저장된 파일을 다시 열어 이미지와 글이 제대로 표시되는지 확인하면 됩니다.

이렇게 하면 웹페이지 하나가 독립적인 HTML 파일로 만들어집니다. 인터넷 연결을 끊은 상태에서도 파일을 열어볼 수 있다는 점이 가장 큰 장점이에요.

이미지가 많은 페이지는 저장에 시간이 조금 더 걸릴 수 있습니다. 페이지를 충분히 불러온 뒤 저장하고, 필요한 이미지가 빠지지 않았는지도 확인해 주세요.

05｜여러 페이지를 한 번에 저장하는 기능도 있습니다

SingleFile은 현재 열어 놓은 페이지 하나만 저장하는 도구가 아닙니다. 여러 개의 탭을 선택해 한 번에 저장하는 기능도 제공하고 있어요.

예를 들어 조사 자료를 찾으면서 여러 페이지를 열어 두었다면 필요한 탭을 선택한 다음 SingleFile의 일괄 저장 기능을 이용하면 됩니다. 고정되지 않은 탭이나 열려 있는 모든 탭을 저장하는 기능도 지원합니다.

특정 부분만 보관하고 싶을 때는 마우스 오른쪽 버튼을 눌러 선택한 콘텐츠를 저장하는 기능을 이용할 수 있습니다. 페이지 전체가 아니라 필요한 내용만 정리하고 싶은 경우에 유용하겠네요.

06｜저장하기 전에 메모와 형광펜 표시도 가능할까?

이 부분도 SingleFile의 재미있는 기능입니다. 단순히 웹페이지를 보관하는 것뿐 아니라 저장하기 전에 중요한 문장을 강조하거나 메모를 추가할 수 있습니다.

확장프로그램의 메뉴에서 'Annotate and save the page' 기능을 선택하면 주석 편집 화면을 열 수 있습니다. 필요한 문장을 강조하고 메모를 작성하거나 불필요한 부분을 제거한 뒤 저장할 수 있어요.

학생들이 공부 자료를 정리하거나 업무 중 참고할 내용을 보관할 때 특히 유용한 기능입니다. 나중에 파일을 다시 열었을 때 어떤 부분이 중요했는지 쉽게 확인할 수 있습니다.

현재 탭이나 선택한 탭을 저장하는 단축키도 설정할 수 있습니다. 기본 안내에 나오는 Ctrl+Shift+Y 단축키를 활용하거나 브라우저의 확장프로그램 단축키 설정에서 변경하시면 됩니다.

07｜무료인가요? 개인정보는 안전할까요?

SingleFile은 무료 오픈소스 프로젝트입니다. 일반적인 페이지 저장 기능을 이용하기 위해 유료 구독을 할 필요는 없습니다.

개발자 안내에 따르면 기본적인 페이지 저장과 처리는 브라우저 안에서 이루어지며, 저장한 페이지 데이터를 제3자 서버로 전송하지 않습니다. 기본 저장 위치도 사용자의 컴퓨터입니다.

다만 Google Drive, GitHub 등 외부 저장소로 보내는 기능도 제공하므로 이런 기능을 별도로 설정한다면 저장 위치와 전송 대상을 확인해야 합니다.

한 가지 알아둘 점은 브라우저에서 확장프로그램을 설치할 때 여러 웹사이트의 데이터에 접근할 수 있는 권한을 요청한다는 것입니다. 현재 페이지의 HTML과 이미지, 스타일 등을 읽어 저장하기 위한 권한이지만, 설치할 때 공식 개발자와 요청 권한을 확인하는 습관을 들이시는 것이 좋습니다.

08｜모든 웹페이지가 완벽하게 저장되는 것은 아닙니다

SingleFile이 편리한 도구인 것은 맞지만, 웹사이트의 모든 기능까지 똑같이 보관하는 것은 아닙니다.

실시간 지도, 움직이는 캐러셀, 접기·펼치기 메뉴처럼 자바스크립트에 의존하는 기능은 저장한 뒤 오프라인에서 정상적으로 작동하지 않을 수 있습니다. 기본 설정에서는 일부 스크립트를 제거하기 때문이에요.

또한 브라우저 보안 정책으로 저장이 제한되는 페이지가 있으며, 외부 이미지 서버의 설정에 따라 일부 사진이 빠질 수도 있습니다. 따라서 중요한 자료라면 저장 후 파일을 직접 열어 필요한 내용이 모두 보관됐는지 확인하는 편이 좋습니다.

전문적인 웹 기록 보존이나 법적 증거 확보를 위한 아카이빙 도구와는 목적이 다르다는 점도 알아두세요.

09｜이런 분들에게 추천합니다

• 인터넷 기사를 파일 하나로 보관하고 싶은 분
• 블로그나 레시피를 오프라인에서도 읽고 싶은 분
• 업무나 공부에 필요한 웹자료를 정리하는 분
• 나중에 사라질 수 있는 웹페이지를 따로 보관하고 싶은 분
• 여러 웹페이지를 한 번에 저장하고 싶은 분

개인적으로 이런 종류의 확장프로그램은 평소에는 존재를 잘 모르다가도 필요한 순간에 진가를 발휘하는 도구라고 생각합니다. 북마크만으로는 부족했던 분이라면 한 번 살펴볼 만해요.

특히 자료를 자주 찾거나 온라인에서 참고할 내용을 모으는 분들에게는 꽤 실용적인 선택이 될 수 있습니다.

10｜SingleFile 공식 설치 및 안내 링크

사용 중인 브라우저에 맞는 공식 페이지에서 설치하시면 됩니다. 검색 광고나 출처가 불분명한 설치 파일보다는 아래 공식 배포 경로를 이용해 주세요.

• Chrome 웹 스토어 - SingleFile
• Microsoft Edge 추가 기능 - SingleFile
• Firefox Add-ons - SingleFile
• Safari용 SingleFile - App Store
• SingleFile 공식 GitHub

웹페이지를 저장할 때마다 여러 파일과 폴더가 생기는 것이 불편했다면 SingleFile을 이용해 보세요. 필요한 웹페이지를 하나의 파일로 정리할 수 있어 자료 관리가 훨씬 간편해집니다.

여러분은 인터넷에서 발견한 유용한 정보를 어떤 방식으로 보관하시나요? 북마크, PDF 저장, HTML 저장 중 가장 편리한 방법이 있다면 댓글로 알려주세요.