Webページ全体の超縦長スクショを見やすくPowerPoint/Wordへ張り付ける方法 ～面倒な分割作業を簡単に

縦長のスクリーンショットを簡単に分割する

　業界を問わず開発や企画、営業などの職種では、Webサイトについての説明資料を作成することがあるのではないでしょうか。Webブラウザーの標準機能うあ拡張機能などを使えば、Webページ全体のスクリーンショットも簡単ですが、問題は撮った後です。

　スクリーンショットをそのまま印刷、もしくはWordやPowerPointで利用すると思いますが、おそらく以下のような状態になってしまい、分割するのが面倒だと感じるはずです。

縦長のスクリーンショットをWordに貼った状態。ページの縦の長さにあわせて縮小されてしまう

　1ページの縦の長さにあわせて縮小されてしまうため、写真加工アプリで分割するか、WordやPowerPointの「トリミング」機能を使っているのではないでしょうか。本来は以下のようにしたいはずです。

ページ幅にあわせてスクリーンショットを分割して貼り付けたい

　この問題、実はWindowsに標準でインストールされている「ペイント」アプリで対処できます。たたし、「Adobe Acrobat Reader」はインストールしておいてください。Acrobat Proをインストール済みの人はさらに簡単です。

「ペイント」アプリでページ設定する

　縦に長いスクリーンショットを「ペイント」アプリで開きます。A4縦の用紙で、画像のサイズが横幅いっぱいになる程度にページ設定しましょう。［ページ設定］ダイアログボックでのページ数の設定がポイントです。

［ファイル］－［印刷］－［印刷プレビュー］の順にクリックする

印刷プレビューが開く。［ページ設定］をクリックする

［ページ設定］ダイアログボックスが開く。ここではA4用紙縦に設定する。［サイズ］にで［A4］が選択されていることを確認する。［印刷の向き］ラジオボタンを［縦］、［中央揃え］チェックボックスの［水平方向］にチェックを付ける。［印刷プレビュー］の変化に注目しよう。［拡大縮小］ラジオボタンで［合わせる］を選択する。「1×○ページ」は「横方向×縦方向」のページ数の意味。とりあえず縦方向を「5」にしてみたが、［印刷プレビュー］を見ると横幅にはまだ余裕がある

「8」に変更すると［印刷プレビュー］の横幅いっぱいに画像が配置された。スクリーンショットの縦の長さによって指定する適切な数値は異なるため、［印刷プレビュー］の状態を確認しよう。［OK］をクリックする

印刷プレビューの画面に戻る。A4用紙縦の横幅にあわせてスクリーンショットが配置されている

PDF形式で保存する

　続けてPDF形式で保存すれば作業完了です。印刷プレビュー画面にある［印刷］をクリックして、出力先からPDF形式で出力できるプリンターを選択します。

印刷プレビューの［印刷］をクリックする。印刷プレビューを閉じている場合は［ファイル］－［印刷］の順にクリックする

［印刷］ダイアログボックスが表示される。［Microsoft Print to PDF］を選択して［印刷］をクリックする。PDF形式で出力できるものであれば何でも構わない。続けて［印刷結果を名前を付けて保存］ダイアログボックスが表示されるので、任意の場所にPDFファイルを保存する

PDFファイルの画像をコピーする方法

　PDFではなく、分割したページを画像ファイルとしてWordやPowerPointなどに貼りたい時は、画像を選択して右クリックです。「Adobe Acrobat Pro」を使っているなら画像ファイルとして書き出すだけです。

保存したPDFファイルを開いておく。画像をクリックして選択し、画像を右クリックして［画像をコピー］を選択するとクリップボードにコピーされる

WordやPowerPointのウィンドウに切り替えて、クリップボードの内容を［Ctrl］＋［V］で貼り付ける

　「Adobe Acrobat Pro」の場合は、PDFファイルの各ページを画像ファイルとして書き出せるので、以下のように操作します。

［ファイル］－［書き出し形式］－［画像］の順にクリックして、書き出す画像のファイル形式を選択する

Webページ全体のスクショを撮るには

　Webページ全体のスクリーンショットを撮影するには拡張機能を使うことが多いと思いますが、「Google Chrome」のデベロッパー ツールを利用してスクリーンショットを撮る方法を紹介します。以下の方法で、Webページ全体を画像ファイルとして保存できます。コマンドを「full」で検索して機能を呼び出すと簡単です。開発ツールが日本語化されている場合はツールの検索時に「フル」と入力してください。

スクリーンショットを撮影したいWebページを表示しておく。［F12］キーを押してデベロッパー ツールを表示する

［Ctrl］＋［Shift］＋［P］キーを押すとツールの一覧が表示される。「full」もしくは「フル」と入力する。［Capture full size screenshot］（フルサイズのスクリーンショットをキャプチャする）をクリックする

　なお、「Microsoft Edge」や「Firefox」には標準機能としてWebページのスクリーンショット撮影機能が搭載されています。