Scrolling Screenshot

スクロールスクリーンショットは、表示領域より高いまたは広いコンテンツを、スクロールしながら部分ごとに撮影し、1枚の画像にしたものです。撮影した部分は、順番につなぎ合わせて1つの長い画像になります。

スクロールスクリーンショットは、スクロールできるすべてのアプリで使えます。チャットの履歴、設定パネル、長い文書、フィード、Webページが対象です。一部のスマートフォンでは、システムのスクリーンショットツールにスクロール撮影が含まれています。macOSの内蔵のスクリーンショットツールは表示されている内容だけを撮影するため、Macでスクロール撮影を行うには、ブラウザの機能、拡張機能、またはサードパーティのアプリが必要です。

スクロールスクリーンショットとフルページのスクリーンショットの比較

フルページのスクリーンショットは、Web専用の撮影です。ブラウザが、現在のビューポートの幅で、ドキュメント全体を1枚の画像にスクロールせずに描画します。スクロールスクリーンショットは、実際のウィンドウをスクロールして見えている部分を結合するため、ブラウザの外や入れ子のスクロール領域でも動作します。フルページの撮影は継ぎ目が生じません。スクロールの撮影はより汎用的ですが、部分どうしの間でコンテンツが安定していることに依存します。

スクロールスクリーンショットの用途

• 記録やサポートのための長いチャットのスレッド。
• メインのページではなく、スクロールするパネルの中にコンテンツがあるWebページ。
• 1画面を超えるアプリの設定とフォーム。
• 長いレシート、注文の確認、タイムライン。

スクロールスクリーンショットの仕組み

1. ツールが、表示されている領域を撮影します。
2. 一定量だけスクロールし、重なりを残します。
3. 再び撮影し、最後まで繰り返します。
4. 重なりを照合し、区間をつなぎます。

Firefoxでは、スクリーンショットツールでページ全体を保存できます。Chromeでは、開発者ツールに「Capture full size screenshot」コマンドが含まれています。

スクロールスクリーンショットでよくある間違い

• 固定ヘッダーがすべての区間に繰り返し写る。
• 遅延読み込みの画像が、まだ読み込まれていないために空白で表示される。
• アニメーションが落ち着く前にスクロールしすぎる。
• 全体をコピーする権限のないコンテンツを撮影する。

同じスクリーンショットを繰り返し撮りますか？

Temposhotの Chrome拡張機能 は、アクティブなタブをスクロールし、ビューポートをお使いのコンピューター上でRetinaの解像度で結合して、1枚のPNGをダウンロードします。多数のURLでは、Full page の範囲の Website Capture が、リストを1回の実行で処理します。

よくある質問

Macはネイティブでスクロールスクリーンショットを撮れますか？

Shift+Command+3、Shift+Command+4、Shift+Command+5 では撮れません。これらは表示されている画面だけを撮影します。

スクロールしながら撮影したスクリーンショットを結合するには？

ブラウザで Stitch Screenshots を使ってください。

出典

• Image stitching（Wikipedia）
• Macでスクリーンショットを撮る（Apple サポート）

関連リソース

• スクリーンショットを結合: 撮影結果を1枚の画像に結合します。
• 画像を分割: 長い撮影結果をページに分割します。
• Website Captureのオプション: Full pageの範囲。