Webページを画像として保存する方法【全体・範囲・スマホ】
Webページを画像として保存しておくと、見た目そのままを記録でき、SNSやチャットでもそのまま共有できます。ただ、「表示部分だけ」なのか「ページ全体」なのか、使う端末は何か、で手順が変わります。この記事では、Webページを画像として保存する方法を、範囲・端末別に整理して解説します。
Chrome拡張機能「ArchiveSeal」を開発しながら、ページの保存方法をいろいろ試してきました。その経験から、目的に合ったやり方をまとめます。
まず「どの範囲を画像にするか」を決める
画像保存は、残したい範囲で方法が分かれます。
- 表示している範囲だけ：画面に見えている部分をスクリーンショット。
- ページ全体（縦に長い部分も）：スクロールしないと見えない部分まで1枚に。
- 一部の範囲だけ：必要なところを切り取り。
PCでWebページを画像保存する方法
表示範囲・範囲指定のスクリーンショット
Windowsは Windows + Shift + S、Macは ⌘ + Shift + 4 で範囲を指定して画像を保存できます。見えている部分や、必要な範囲だけを切り取るのに向いています。
ページ全体を1枚の画像にする
ChromeやEdgeの開発者ツールを使うと、ページ全体を1枚に保存できます。
- ページを開き、
F12（またはメニューから「デベロッパーツール」）を開きます。 Ctrl + Shift + P（Macは⌘ + Shift + P）でコマンド入力を開きます。- 「screenshot」と入力し、「フルサイズのスクリーンショットをキャプチャ」を選びます。
- ページ全体が1枚の画像として保存されます。
スマホでWebページを画像保存する方法
- iPhone：
サイドボタン + 音量上げで撮影後、編集画面で上部の「フルページ」を選ぶと、ページ全体をPDF（または長い画像）として保存できます。 - Android：スクリーンショット後に表示される「キャプチャ範囲を拡大」などのボタンから、ページ全体を1枚に収められます（機種により名称が異なります）。
画像・PDF・保存の使い分け
画像保存は手軽ですが、万能ではありません。目的で使い分けましょう。
| 残し方 | 向いている場面 | 弱点 |
|---|---|---|
| 画像（スクショ） | 見た目の記録・SNS共有 | 文字を再利用できない・長いと見づらい |
| 共有・提出・証跡 | 長いページは崩れやすい | |
| 構造から保存 | 崩さず・本文も残す | ツールの導入が必要 |
画像は「見た目を残す」のは得意ですが、文字をコピーして再利用したいなら、テキストが残る形式のほうが向いています。PDF化の方法はWebページをPDFで保存する方法（総合ガイド）にまとめています。
文字も残して崩さず保存したいときは
画像だけだと、あとで本文をコピーしたり検索したりできません。見た目も文字情報も残したい場合は、ページの構造（DOM）から組み立てて保存する方式が向いています。
Chrome拡張の ArchiveSeal は、スクショの再レイアウトを介さずにページを保存し、本文をテキストとして扱えます。基本の保存・画像PDF出力は無料で、Pro版では出力したPDFをPDFビューアの検索機能で本文を探せます（検索可能PDF・Pro版）。保存方法全体の比較や、ホームページ単位で残す方法はWebページを保存する方法の決定版やホームページを保存する方法を参照してください。
よくある質問
Webページを画像として保存するにはどうすればいいですか？
表示範囲だけならWindowsは Windows+Shift+S、Macは ⌘+Shift+4 で範囲を指定して保存できます。ページ全体を1枚にするなら、Chromeの開発者ツールで「フルサイズのスクリーンショットをキャプチャ」を使います。スマホはスクショ後の「フルページ」や「キャプチャ範囲を拡大」から全体を保存できます。
ページ全体を1枚の画像で保存できますか？
できます。PCはChrome/Edgeの開発者ツールからフルサイズのスクリーンショットを保存できます。iPhoneはスクショ後の編集画面で「フルページ」、Androidはスクショ後の範囲拡大ボタンで、スクロールしないと見えない部分まで1枚に収められます。
画像保存とPDF、どちらがいいですか？
見た目を手軽に残す・SNSで共有するなら画像、共有や提出・証跡として1ファイルで渡すならPDFが向いています。画像は文字を再利用できないため、本文をコピーしたい場合はテキストが残る形式を選ぶとよいでしょう。
画像で保存した文字をコピーできますか？
画像は見た目を残すもので、中の文字はコピーできません。本文をコピーしたり検索したりしたい場合は、テキストが残る形で保存する必要があります。ArchiveSealは本文をテキストとして扱って保存できます。
スマホで撮ったフルページのスクショが見づらいです。
ページ全体を1枚にすると縦に長くなり、共有先で見づらくなることがあります。必要な範囲だけを切り取る、またはPDFとして保存して共有する方法もあります。用途に合わせて範囲と形式を選びましょう。
まとめ
Webページを画像として保存する方法は、「表示範囲だけか・ページ全体か」でまず分かれます。PCは範囲指定のスクショと開発者ツールのフルスクショ、スマホはフルページ機能が基本です。画像は見た目の記録に向く一方、文字は再利用できないため、本文も残したいならテキストが残る保存方式が確実です。ArchiveSeal をChromeに追加すれば、崩れにくく本文も残る保存を無料で試せます。