1920×1080 のような正確なサイズで撮る方法
ブラウザーのウィンドウをちょうど 1920×1080 になるまで調整するのは勝ち目のない勝負です —— ツールバー、スクロールバー、デバイスピクセル比がすべて邪魔をします。ScrnCap の固定サイズモードは、プリセットからでも自分で定義したサイズからでも、指定どおりの寸法でページを撮影します。
Chrome だけで手作業でやる
- 1F12 で DevTools を開き、デバイスツールバーをオンにします(Ctrl+Shift+M)。
- 2カスタムのデバイスサイズ、たとえば 1920×1080 を入力します。
- 3ズームを 100% にして再読み込みし、レイアウトを落ち着かせます。
- 4DevTools のコマンドメニューからビューポートのスクリーンショットを撮ります。
手作業では届かないところ
- DevTools を開いたままにする必要があり、ページはエミュレートされたビューポート内で描画されるため、撮れたものが実際の訪問者の見え方と一致するとは限りません。
- 新しいサイズごとに設定をやり直す必要があり、よく使うサイズを保存しておく場所もありません。
ScrnCap でやる
- 1ScrnCap を開き、「固定サイズ」を選びます。
- 21920×1080 などのプリセットを選ぶか、自分のサイズを追加します —— そのままリストに残ります。
- 3撮影します。ちょうどその寸法の画像ができ、そのまま書き出せます。
無料・オフライン・アカウント不要 —— 撮影も注釈も書き出しも、すべて自分の端末の中で完結します。