どうも、くじらいどです。
Google Chrome で、縦に長いページを1枚の画像として丸ごと保存したいときの方法です。拡張機能は入れずに、Chrome に最初から入っている機能だけで撮りました。
今の Chrome（156）で試したところ、［︙］のメニューにはスクリーンショットの項目はありませんでした。ページ全体を撮れたのは、デベロッパー ツールの［フルサイズのスクリーンショットをキャプチャ］です。
| 撮りたいもの | 使うもの | 撮れた画像（試したとき） |
|---|---|---|
| ページ全体 | ［フルサイズのスクリーンショットをキャプチャ］ | 1249×15100（記事1本が最後まで） |
| 見えている部分だけ | ［スクリーンショットをキャプチャ］ | 1264×805 |
︙ のメニューには、スクリーンショットの項目がない
［︙］→［キャスト、保存、共有］の中を見ても、ページの保存やリンクのコピーはありますが、スクリーンショットはありませんでした。
ページ全体を撮る手順
メニューに書いてあるとおり、Ctrl＋Shift＋I キーでも開けます。
すでに日本語で開いたときは、この手順はいりません。
デベロッパー ツールが、別のウィンドウに分かれました。右に付けたままだと、ページの幅がせまいまま撮れてしまうので、先に分けておきます（違いは下に載せています）。
メニューに書いてあるとおり、Ctrl＋Shift＋P キーでも開けます。
保存先は、ふだんのダウンロードと同じフォルダでした。名前はページのアドレスから付き、このときは「kujiride.com_2026_10_29_chrome-tab-group_.png」でした。
見えている部分だけでいいときは、④で［スクリーンショットをキャプチャ］をクリックします。試すと、ウィンドウに見えていた範囲が 1264×805 の画像になりました。
デベロッパー ツールを右に付けたままだと、幅がせまく撮れた
同じ記事を、デベロッパー ツールを右に付けたままのときと、別のウィンドウに分けたときで撮りくらべました。
右に付けたままだと、デベロッパー ツールが場所をとるぶん、ページの幅がせまくなり、その幅で並んだページが撮れました。ふだん見ている形で撮りたいときは、手順3のとおり別のウィンドウに分けてから撮ります。
長すぎるページは、途中で切れた
「ページ全体が撮れない」ときのために、高さが約25,000pxある長いテスト用のページを作って試しました。いちばん下に黒い帯を置いて、そこまで写るかを見ています。
| 撮れた画像 | いちばん下 | |
|---|---|---|
| そのまま撮った | 1249×16384 | 写らなかった（途中で切れた） |
| Chrome のズームを50%にしてから撮った | 2498×16384 | 写った（右と下に白い余白がついた） |
そのまま撮ると、高さ 16,384px のところで切れていました。ズームは［︙］の［ズーム］の［－］で下げられます。50%に下げてから撮ると、いちばん下まで入りましたが、画像の横幅が2倍になって、右と下に白い余白がつきました。
くじらいどこの記事くらいの長さなら、そのままで最後まで撮れました（高さ 15,100px）。切れるのは、かなり長いページのときです。
Chrome のほかの使い方は、こちらにもまとめています。
まとめ
- Chrome（156）の ︙ のメニューには、スクリーンショットの項目はなかった
- ページ全体は、デベロッパー ツールの［コマンドを実行］→［フルサイズのスクリーンショットをキャプチャ］で PNG になる
- デベロッパー ツールは先に別のウィンドウに分ける。右に付けたままだと幅がせまく撮れた
- 保存先はふだんのダウンロードと同じフォルダ。名前はページのアドレスから付く
- 高さ 16,384px を超えると途中で切れた。ズームを50%にすると最後まで入ったが、余白がついた
以上、くじらいどでした！
コメント