Apple端末のブラウザで縦長フルスクリーンショットを撮る方法

この記事では、iPhoneやMacbookなどのApple端末で、Webページ全体のスクリーンショットを撮る方法について解説します。

お使いの端末やブラウザによって方法が異なるため、目次からご自身の環境にあったものをクリックしてください(解説に飛びます)。

iPhone・iPad

Safari:簡単

iOS端末のホームボタンの有無でスクリーンショットの操作が異なります。

スクリーンショットの撮り方
  • ホームボタンなし:電源ボタン音量を上げるボタンを同時に押す。
  • ホームボタンあり:電源ボタンホームボタンを同時に押す。

スクリーンショット撮影時に左下に表示されるサムネイルをタップします。


編集画面になりますので、「フルページ」をタップします。


完了」から「“写真”に保存」をタップすれば完了です。

写真が消えてしまうときは

スクリーンショットの下の方にある画像が表示されないことがあります。最後までスクロールしてからスクリーンショットを撮ると画像が表示された状態で撮影できます。

画像が表示されない
画像が表示された状態

Mac

Google Chrome:デベロッパーツールから撮影

右上の「」から、「その他のツール」→「デベロッパーツール」をクリックします。


開いたデベロッパーツールの画面から「」→「コマンドを実行」をクリックします。


検索フォームに「スクリーンショット」と入力します。


出てきた項目から、「フルサイズのスクリーンショット」をクリックします。


ダウンロードフォルダに縦長スクリーンショットが保存されています。


Firefox:とても簡単

縦長スクリーンショットはFirefoxで撮るのが簡単です。

ページを右クリックし、出てきたメニューから「スクリーンショットを撮影」を選びます。


ページ全体を保存」を選びます。


ダウンロード」をクリックすればOKです。ダウンロードフォルダにスクリーンショットが保存されます。


Safari①:PDFから画像を書き出す

Safariから縦長スクリーンショットを撮る方法は2種類あります。ここではPDFから画像として書き出す方法を解説します。

メニューバーの「ファイル」から「PDFとして書き出す…」をクリックします。


保存」をクリックすると、ダウンロードフォルダにPDFが保存されます。


保存されたPDFをプレビューで開き、メニューバーの「ファイル」から「書き出す…」をクリックします。


保存設定画面の「フォーマット」を「JPEG」に設定し、「保存」をクリックします。


ダウンロードフォルダに画像としてスクリーンショットが保存されます。


Safari②:インスペクタからのスクリーンショット

2つ目の方法はWebインスペクタからスクリーンショットを撮る方法です。聞き慣れない用語が並ぶかもしれませんが、手順通りに進めればOKです。

メニューバーから、「Safari」→「環境設定」をクリックします。


詳細」タブをクリックし、「メニューバーに”開発”メニューを表示」にチェックを入れます。


メニューバーの「開発」から「Webインスペクタを接続」をクリックします。


最初の行右クリックし、②「スクリーンショットを取り込む」をクリックします。


ダウンロードフォルダに縦長スクリーンショットが保存されます。


関連記事

撮影した縦長スクリーンショットをA4サイズで印刷したい場合はこちらの記事をご覧ください。

【Win/Mac】縦長スクリーンショットをA4に分割して印刷する方法