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年から専門学校でデザインを学び、卒業後は神戸の制作会社でWeb制作に従事しています。Webrandumは2016年から運営し、ウェブデザイン、フロントエンド開発、WordPress、CSS、JavaScript、制作環境の効率化を中心に、実際に試した内容を執筆しています。

Twitterをフォロー Facebookでいいね