WEBページ全体のスクリーンショットを撮るならこれ。Chrome拡張【Full Page Screen Capture】


普段、仕事やブログ関連でスクリーンショットを撮る機会が多くあります。
特にブラウザ内のWEBサイトのキャプチャを撮る事が多く、キャプチャ関連のChrome拡張機能は20~30個程度試しましたが、未だに決定的なものはありません。
※現在は「FireShot」を使っています。

ブラウザ以外では今までSkitchを利用していたのをSnagitにほぼ移行(別途記事を記載します)、ブラウザ内のWEB画面もSnagitに統一したかったのですが、「WEBページ全体のスクリーンショット」だけは難ありでした。

WEBページ全体のスクリーンショット

見えている部分だけでは無く、スクロールした縦全体のスクリーンショットを撮影できるアプリや拡張機能は多くあります。
※15年程昔は、少しずつスクロールしてキャプチャ、を繰り返し、Fireworksなどの画像編集ソフトで繋げていました。

しかし、このWEBサイト全体のキャプチャは下記の理由で、特に最近はなかなか難しい部分があります。 
・画像アニメーション→スクロールしてから画像が表示される。キャプチャのタイミングによっては画像が撮影されない。
・パララックス効果→スクロールに合わせて背景がアニメーション。これもキャプチャのタイミングによっては背景が切れる。
・固定ヘッダその他の固定要素→スクロールしても常に上に張り付くナビゲーションメニュー等は、キャプチャアプリによっては、途中で何度も撮影されてしまう。
等です。

上記のSnagitも、WEBサイト全体を撮影する機能はあるのですが、ちょっとしたことで途中で途切れていることが多く、キャプチャはSnagitだけ使う、ということは無理でした。

その中で、どんなサイトもほぼ問題無く全体をキャプチャできた拡張機能が「Full Page Screen Capture」です。

この拡張機能は「WEBサイト全体(上から下まで)」のキャプチャに特化しています。

Snagitでのキャプチャ失敗の例(途切れている)

Full Page Screen Captureでのキャプチャ(成功)

Full Page Screen Captureのインストールと使い方

ブラウザウィンドウのフルページスクリーンショットを撮る最も簡単な方法。

追加の権限を要求することなく、現在開いているページ全体のスクリーンショットを確実かつ確実に作成できます。
拡張機能アイコンをクリックして(またはAlt + Shift + Pキーを押して)拡張機能がページの各部分をキャプチャしていることを確認し、スクリーンショットの新しいタブに移動、任意のフォルダに画像またはPDFとしてダウンロードできます。

高度なスクリーンキャプチャテクノロジは、他の拡張機能とは異なり、内部のスクロール可能な要素や埋め込みiframeなど、複雑なページを処理します。問題が発生した場合は、キャプチャページのカスタマーサポートフラグアイコンを使用して報告してください。
そうすれば、あなたとそれを使用する他のすべての人のために拡張機能を改善できます。
Full Page Screen Capture 英文を意訳

chrome ウェブストアよりインストールします。

ツールバーのアイコンをクリックすることでページ全体のスクリーンショットが取得できます。
キャプチャの処理中はパックマンのようなアニメーションが表示されます。


Blogカテゴリー一覧

WordPressウェブ制作・運用動画・クリエイティブ素材便利ツール便利ワザ子育てその他