Chrome ページ全体 スクショの撮り方 3 選

Chrome ページ全体 スクショは、普通のスクリーンショットでは撮れません。普通の方法では画面に収まる分しか写らないからです。ヘッダーからフッターまで、間のセクションもすべて撮るには別の方法が必要で、いま Chrome で使えるのは 3 つです。

1. Chrome DevTools の「Capture full size screenshot」

Chrome には、DevTools の中にページ全体のキャプチャが隠れています。

1. ページを開いて F12（または Ctrl+Shift+I）を押します。
2. Ctrl+Shift+P（Mac は Cmd+Shift+P）でコマンド メニューを開きます。
3. screenshot と入力し、Capture full size screenshot を選びます。

Chrome がページ全体の PNG を保存します。使えますが毎回いくつも手順があり、出力は PNG だけで、とても長いページは白くなったり途中で切れたりします。

2. PDF に印刷

Ctrl+P を押して送信先に PDF に保存 を選び、保存します。画像ではなく文書になりますが、ページの印刷用レイアウトが使われるので、ナビゲーションや固定要素は隠れることが多く、内容がページの境目で分かれることもあります。

3. ページ全体キャプチャの拡張機能

拡張機能がページをスクロールして各部分を撮り、選んだ形式のファイルにします。たまにではなく頻繁に撮るなら、いちばん速い方法です。

Full page screenshot なら、ページを開いて拡張機能のアイコンをクリックし、ページ全体を保存 を選んで PDF、PNG、JPG から形式を選ぶだけです。完成したファイルは 履歴 に残るので、あとからプレビュー、共有、印刷、再ダウンロードができます。

どの方法を使う？

必要なこと	おすすめ
1 回だけ、DevTools をもう開いている	DevTools のフルサイズ キャプチャ
印刷用の文章の文書	PDF に印刷
よく撮る、PDF / PNG / JPG を選びたい、履歴を残したい	拡張機能

覚えておくことは 1 つ。どの方法が合うかは、撮る頻度と最終的に必要なファイルで決まります。