ウェブページを端から端まで！フルサイズでスクリーンショットを撮る方法

最終更新日時 : たーさん

Google Chrome の「デベロッパーツール」を使う（PC）

拡張機能を使わず、ブラウザの隠しコマンドで撮影する方法です。

  1. 保存したいページで F12 キー（Macは Cmd + Option + I）を押してデベロッパーツールを開きます。
  2. Ctrl + Shift + P（Macは Cmd + Shift + P）を押してコマンドメニューを開きます。
  3. 入力欄に 「full」 と入力します。
  4. [Screenshot: Capture full size screenshot] を選択して Enter を押すと、ページ全体の画像がダウンロードされます。

iPhone / iPad の「標準機能」を使う（Safari）

スマホでも、Safariなら標準機能でPDFとしてフルサイズ保存が可能です。

  1. 通常通りスクリーンショットを撮ります。
  2. 左下に表示されるサムネイルをタップします。
  3. 画面上部のタブを [スクリーン] から [フルページ] に切り替えます。
  4. 「完了」を押し、「PDFをファイルに保存」を選択すれば、ページ全体の保存が完了です。

ブラウザの拡張機能を使う（最も手軽）

頻繁に撮影するなら、クリック一つで済む拡張機能が一番効率的です。

  1. GoFullPage: ChromeやEdgeで一番人気の拡張機能です。アイコンを押すだけで自動でスクロールして1枚の画像にしてくれます。
  2. FireShot: 画像（JPG/PNG）だけでなく、PDFとして保存する機能も強力です。

投稿者プロフィール

たーさん
カテゴリー
コンテンツ、新着情報
前の記事
カフェでの仕事が「命取り」になる5つの理由。その油断が情報漏洩を招くNew!!