スクロールスクリーンショット — 縦に長いページを1枚の画像に

スクロールスクリーンショットとは？

通常のスクリーンショットは、画面に現在表示されている「ビューポート（表示領域）」のみをキャプチャします。一方、スクロールスクリーンショットは、スクロール可能なドキュメント全体を記録します。スレッド、タイムライン、長文ドキュメント、注文履歴、コメント欄など、画面の下に続くコンテンツを保存したい場合に不可欠です。

単にスクロールするだけでなく、現代のWebサイトはスクロール時に画像を読み込んだり、ヘッダーを画面上部に固定したり、位置を動的に変化させます。単純に画面をつなぎ合わせるだけでは、ヘッダーが何重にも重なり、画像が抜け落ちてしまいます。専用エンジンがスクロール速度を制御し、描画完了を待ってから1枚の連続したキャンバスに合成します。

長大なWebページのスクリーンショットを撮る手順

PCデスクトップとスマートフォンのスクロールキャプチャ比較

iOSやAndroidには標準でスクロールキャプチャ機能が備わっていますが、PCブラウザには長年搭載されていません。Chromeのデベロッパーツール（要素の検証）にも全画面キャプチャコマンドがありますが、動作しないページが多く、ログイン状態の維持にも課題があります。

キャプチャ対象となる要素

• 遅延読み込み画像 — 画像のダウンロード完了を待ってから合成。
• 無限スクロール — 表示領域までスクロールして漏れなく撮影。
• 固定ヘッダー・追従バー — 最適な位置に1回だけ配置し、重なりを防止。
• 動的ウィジェット — グラフやiframeも空白にならず見たまま記録。
• メタデータ — ページのURL、解像度、撮影日時を自動付与。