ビューポートスクリーンショットは通常のスクリーンショットですか？

基本的には同じです。現在画面に見えている範囲を撮影します。「ビューポート」という言葉は、見える領域より先まで撮るフルページスクリーンショットと区別するときに使います。

ビューポート寸法は何で決まりますか？

ブラウザウインドウまたは端末画面の寸法で決まります。デスクトップではブラウザウインドウの大きさ、モバイルでは端末画面の寸法が基準になります。

ある瞬間に利用者が実際に見る状態を残したいときです。ファーストビュー、モーダル、特定のスクロール位置、実際に見えているエラー状態などが該当します。

はい。ブラウザのDevToolsや自動撮影ツールでは、異なる画面寸法を再現するため、特定のビューポート寸法を指定できます。

ビューポートスクリーンショットは、特定の瞬間にブラウザまたはアプリのウインドウへ見えている範囲だけを撮影した画像です。画面上で利用者が実際に見る状態を表します。

ビューポートスクリーンショットは、現在見えている領域だけを撮ります。フルページスクリーンショットは、上から下までスクロール可能な内容全体を撮ります。目的に合わせて選びます。

ファーストビュー、モーダル、ツールチップ、特定のスクロール位置など、見えている状態が重要なら、ビューポートが向いています。確認する人にページ全体の配置を見せる必要があるなら、フルページ画像が向いています。

キーを押して撮る通常のスクリーンショットは、多くの場合、標準でビューポート撮影です。この言葉は、フルページまたはスクロール撮影と区別するときに重要になります。

画面に収まる内容は、ビューポート寸法で決まります。レスポンシブテストでよく使う幅の例は次のとおりです。

自動撮影ツールとブラウザのDevToolsでは、これらの寸法を再現するカスタムビューポートを指定できます。同じURLを複数の幅で撮り、レイアウトが意図どおり変化するか確認するレスポンシブスクリーンショットは、この仕組みで作ります。

ビューポート寸法を記録しない： ウインドウ寸法の情報がない画像は、なぜその配置になったか判断しにくくなります。特にレビュー用では、ビューポート寸法を記録します
見えている範囲をページ全体だと思う： ビューポート画像には、下に続く重要な内容が入らない場合があります。全体像が必要なら、フルページ撮影を使います
不自然なウインドウ幅で撮る： 場当たり的な幅では、実際によく使われる環境と異なるレイアウトになることがあります。目的に合う標準的な寸法を使います
デバイスピクセル比を忘れる： 高DPI（Retina）ディスプレイでは、幅1,440ピクセルのビューポートから幅2,880ピクセルの画像ができます。ファイルサイズと、標準密度画面での表示寸法に影響します