サイトを丸ごとオフライン保存する方法

サイトを 丸ごとオフライン保存 したい——ネット環境がない場所で読みたい、ページが消える前に手元へ残したい、といった場面で役立つ保存方法です。この記事では、サイトをオフラインで開ける形で保存する手段を、手軽な順に整理します。

Chrome拡張機能「ArchiveSeal」を開発しながら、私自身もさまざまなページを手元に保存してきました。その経験から、現実的に使える方法を紹介します。

「丸ごと保存」で残るもの

オフライン保存の目的は、ネットにつながっていなくてもページの中身を開けるようにすることです。URLだけのブックマークと違い、本文・画像・レイアウトを手元のファイルとして残します。ページが削除・変更されても、保存しておけば後から確認できます。保存方法全体の地図はWebページを保存する方法の決定版にまとめています。

1ページを丸ごと保存する

ブラウザの「名前を付けて保存」

もっとも手軽なのは、ブラウザ標準の保存機能です。

保存したいページを開きます。
Ctrl + S（Macは ⌘ + S）を押します。
形式で「ウェブページ、完全」を選びます。
保存します。

HTMLファイルと画像フォルダがセットで保存され、オフラインで開けます。ただし、サイトによっては読み込みスクリプトの都合でレイアウトが崩れることもあります。

1ファイルにまとめる拡張機能

SingleFileのような拡張機能を使うと、ページを画像も含めて1つのHTMLファイルにまとめて保存できます。フォルダが散らからず、共有や管理が楽になります。

DOMから組み立てて保存する拡張機能

ページの構造（DOM）から組み立てて保存するタイプの拡張機能は、レイアウトを保ったまま崩れにくく残せるのが特徴です。後述の ArchiveSeal もこのタイプです。

企業サイトや自作サイトなど、ホームページ単位で残したい場合の使い分けはホームページを保存する方法にまとめています。

複数ページ・サイト単位で保存する

「サイトを丸ごと」という言葉には、サイト内の複数ページをまとめて残したいという意味も含まれます。ただし、サイトの全URLを機械的にダウンロードする作業は負荷が大きく、利用規約やサーバー負荷の面でも慎重さが必要です。

現実的には、必要なページを順に開いて保存し、後でまとめて管理するのが扱いやすい方法です。各ページをPDF化して束ねたい場合は、WebページをPDFで保存する方法も参考になります。

保存するときの注意点

遅延読み込み：画像がスクロールで読み込まれるサイトでは、保存前に最後までスクロールしておくと画像抜けを防げます。
ログインページ：会員ページや管理画面は、ログイン状態のブラウザ上で保存できる手段を選びます。外部にURLを送るサービスでは扱えません。
動的なサイト：JavaScriptで内容が変わるサイトは、保存時点の状態が残ります。最新を保ちたい場合は再保存が必要です。

公開ページの「時点の記録」を第三者サービスに残したい場合は、アーカイブ／魚拓で残す方法が向いています。読書用に溜めて消化したいならネット記事を保存して後で読むを参照してください。

ArchiveSealで中身を崩さず手元に残す

Chrome拡張の ArchiveSeal は、表示中のWebページをDOMから組み立てて保存するため、レイアウトを保ったまま手元に残しやすいのが特徴です。保存したページはグループで整理でき、複数ページを目的別にまとめて管理できます。基本の保存・整理・画像PDFの出力は無料です。

さらに Pro 版では、本文・構造化データの閲覧やJSON書き出し、複数アーカイブの連結・一括・A4分割PDF出力に対応します。Pro 版で出力したPDFは、PDFビューアの検索機能で本文を探せます（検索可能PDF・Pro版）。「あとで使う前提で残す」運用と相性が良いので、まず無料で保存して仕上がりを確かめてみてください。

よくある質問

サイトをオフラインで読めるように保存できますか？

できます。ブラウザの「名前を付けて保存（ウェブページ、完全）」やSingleFileのような拡張機能で、本文・画像を含めて手元に保存すれば、ネットにつながっていなくても開けます。ページの構造から組み立てて保存するタイプの拡張機能なら、レイアウトを保ったまま崩れにくく残せます。

サイトの全ページを自動で保存できますか？

全URLを機械的にダウンロードする作業は負荷が大きく、利用規約やサーバー負荷の面でも慎重さが必要です。実務では、必要なページを順に開いて保存し、後でまとめて管理する方が扱いやすいです。

保存したらレイアウトが崩れました。どうすれば？

ブラウザ標準の保存は、読み込みスクリプトの都合で崩れることがあります。1ファイルにまとめる拡張機能や、ページの構造（DOM）から組み立てて保存するタイプを使うと崩れにくくなります。

ログインが必要なページも保存できますか？

ブラウザ上で動く保存方法なら、ログイン後に表示しているページをそのまま保存できます。URLを外部に送るアーカイブ系サービスは、ログインが必要なページには基本的に対応できません。

スマホでサイトを保存できますか？

スマホのブラウザにも共有メニューやリーディングリストがありますが、丸ごと保存の自由度はPCの方が高いです。ArchiveSealはPCのChrome拡張機能のため、スマホ単体での利用には対応していません。

まとめ

サイトを丸ごとオフライン保存するには、手軽さならブラウザの「名前を付けて保存」、整理しやすさなら1ファイルにまとめる拡張機能、崩れにくさならDOMから組み立てる拡張機能が向いています。複数ページは「必要なページを順に保存して管理」が現実的です。中身を崩さず手元に残したい方は、ArchiveSeal をChromeに追加して無料で試せます。