MacでSafariのフルスクリーンショットを撮影する方法:簡単ステップガイド

ライフハック

Macを使っていると、Safariで表示されているウェブページのフルスクリーンショットを撮りたいシーンが出てくることがあります。

たとえば、ウェブページ全体のデザインを保存したり、スクロールが必要な長いページのスクリーンショットを取得したい場合です。

しかし、通常のスクリーンショット機能では、画面に表示されている部分しかキャプチャできません。

この記事では、Safariを使ってウェブページ全体のフルスクリーンショットを撮る方法をわかりやすく解説します。

スポンサーリンク

Macの通常のスクリーンショット機能の使い方

まず、Macの基本的なスクリーンショット機能について簡単におさらいしましょう。

通常のスクリーンショットでは、キーボードショートカットを使用して、画面に表示されている部分のみを撮影できます。

  • 全画面のスクリーンショット: Command + Shift + 3
  • 選択範囲のスクリーンショット: Command + Shift + 4
  • ウィンドウのスクリーンショット: Command + Shift + 4 を押した後、スペースキーを押して撮影したいウィンドウを選択

しかし、これらの方法では、Safariで表示されている長いウェブページ全体をキャプチャすることはできません。

そこで次のステップでは、Safariでウェブページ全体のフルスクリーンショットを撮る方法を紹介します。

Safariでフルスクリーンショットを撮る方法

Safariでは、デフォルトのスクリーンショット機能でウェブページ全体を撮影することはできませんが、いくつかの便利な方法があります。

スクリーンショット拡張機能を使う

Safariには、サードパーティの拡張機能をインストールすることで、ウェブページ全体のスクリーンショットを撮影することができます。

以下の手順で簡単に設定できます。

  1. Safari拡張機能をインストールする
    Safariのメニューから「Safari」 > 「Safari拡張機能」をクリックします。拡張機能の検索欄に「Full Page Screenshot」や「Awesome Screenshot」と入力し、拡張機能を見つけます。
  2. 拡張機能を追加する
    気に入ったスクリーンショット拡張機能を選び、「インストール」ボタンをクリックしてSafariに追加します。
  3. ウェブページ全体をキャプチャする
    拡張機能がインストールされたら、Safariのツールバーに新しいアイコンが追加されます。そのアイコンをクリックし、「Full Page Screenshot」などのオプションを選択すると、ページ全体のスクリーンショットが撮影されます。

開発者ツールを使う(開発者向け)

もしサードパーティのツールを使いたくない場合は、Safariの開発者ツールを使ってフルスクリーンショットを撮ることもできます。

この方法は少し高度な操作ですが、追加のソフトウェアをインストールする必要がありません。

  1. 開発者モードを有効にする
    Safariのメニューから「Safari」 > 「設定」 > 「詳細」を選びます。「Webデベロッパ機能表示」のチェックボックスをオンにします。
  2. 開発者ツールを開く
    表示された「開発」メニューから「ウェブインスペクタを表示(Command + Shift + I)」をクリックします。ウェブインスペクタが表示されるので、その中で「要素」タブを選択します。
  3. スクリーンショットを撮影する
    要素の「body」を右クリックし、メニューから「スクリーンショットを取り込む」をクリックします。これで、ページ全体のスクリーンショットが保存されます。

一般的ではない方法

コマンドラインツールを使う

Macのターミナルでコマンドラインツールを使用してウェブページのスクリーンショットを撮影することも可能です。

例えば、webkit2pngというツールをインストールし、ターミナルからウェブページ全体のキャプチャを取得できます。

これは開発者向けの方法ですが、非常に柔軟で詳細な設定が可能です。

PDFとして保存

また、Safariには、ウェブページ全体をPDFとして保存する機能もあります。

これは画像形式ではありませんが、ページ全体の内容をキャプチャする手段として便利です。

  • 方法: 「ファイル」 > 「PDFとして書き出す」を選び、ページ全体をPDF形式で保存します。

まとめ

MacのSafariでウェブページ全体のフルスクリーンショットを撮影するには、サードパーティの拡張機能を使う方法や、開発者ツールを活用する方法があります。

それぞれの方法にメリットがあり、用途や技術レベルに応じて選べるようになっています。

フルスクリーンショットをマスターすることで、ウェブデザインの確認や資料作成がより効率的になるでしょう。

あなたもこの簡単なステップを試して、Safariでのスクリーンショットをより快適に活用してください!

コメント

タイトルとURLをコピーしました