WebDesigner's Memorandumウェブデザイナーの備忘録

Webサイト全体をキャプチャするならFull Page Screen Captureがおすすめ

Webサイト全体をキャプチャをしたい場合、Chrome拡張機能の「Full Page Screen Capture」がオススメです。

サイトのキャプチャができる拡張機能は、これ以外にも色々あるのですが、Full Page Screen Captureは他の拡張機能に比べてヘッダー等が追尾してくるサイトでも、比較的キレイにキャプチャしてくれます。

Full Page Screen Captureのインストール

ChromeウェブストアでFull Page Screen Captureをインストールします。

Full Page Screen Captureの使い方

使い方は簡単で、Google Chromeに追加されたアイコンをクリックすると、キャプチャが始まります。

キャプチャが完了すると、プレビューページが開くので、右上の画像アイコンを押すとダウンロードできます。ダウンロードできるのはPDFかPNG・JPG画像です(デフォルトではPNG画像で、設定画面からJPGに変更可能)。

実際にダウンロードしたのが下の画像になります。

フルキャプチャ

Chromeの検索バーで「chrome://extensions/shortcuts」と入力すると、拡張機能のショートカットキーを設定できるページに飛ぶので、ここでショートカットキーを設定しておくと更に便利になります。

ショートカットの設定

まとめ

パララックス(視差効果付き)のWebサイトなどは、流石にキレイにはキャプチャできませんし、通常のWebサイトでも、ものによっては何故かキレイにキャプチャできないこともあります。

ただ、他の拡張機能に比べてそうなる確率が低い(と思っている)ので使っています。

著者について

プロフィール画像

サイトウ マサカズ@31mskz10

1997年生まれ。2016年から専門学校でデザインについて勉強。卒業後は神戸の制作会社「N'sCreates」にウェブデザイナーとして入社。このブログでは自分の備忘録も兼ねて、ウェブに関する記事や制作環境を効率的に行うための記事を書いています。

Twitterをフォロー Facebookでいいね