ホームページ全体をキャプチャーする

2023年1月22日グラフィック,ブラウザ

ホームページ全体を画像として保存したい時があります。Windows には「Print Screen」キー等でキャプチャーが出来ますが、画面に表示されていないところはキャプチャー出来ませんね。

ブラウザについている機能を利用して、表示されていないところもキャプチャー出来る方法です。

Microsoft Edge の場合

1右上のミートボールメニュー「more_horiz」をクリックし、「Web キャプチャ」をクリック。

または、何もないところを 右クリックし、「Web キャプチャ」をクリック。

2「ページ全体をキャプチャ」をクリック。

3保存アイコン「」をクリック。

4右上の閉じるボタン「×」をクリックし終了。

Firefox の場合

1何もないところを 右クリックし、「スクリーンショットを撮影」をクリック。

2「ページ全体を保存」をクリック。

3「ダウンロード」をクリック。

Chrome の場合

1右上のケバブメニュー「more_vert」をクリックし、「その他のツール」をクリックし、「デベロッパーツール」とクリックしていく。

2デバイスツールバーが表示されていなかったら、Toggle device toolbar アイコン「」をクリックすると表示される。

3解像度の一番大きい「Nest Hub Max」を選択。

4More options 「more_vert」をクリックし、「Capture full size screenshot」をクリック。

デベロッパーツールの日本語化

デベロッパーツールは、初期では英語になっていると思うので、日本語にする手順です。

1Setings の「 settings」クリック。

2「Language:」 欄の「Japanese – 日本語」クリック。