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サイトでも、ものによっては何故かキレイにキャプチャできないこともあります。
ただ、他の拡張機能に比べてそうなる確率が低い(と思っている)ので使っています。


動画の圧縮をFinder右クリックメニューの「選択したビデオファイルをエンコード」から行う
Drive File StreamでGoogle Driveをローカル容量を圧迫せずにファイルを閲覧する
macOSのシステム環境設定「言語と地域」の設定見直し
MacBook Proでディスプレイのサイズ調整をして作業スペースを広げる
Alfred 4のターミナル機能で実行されるアプリをiTerm2に変更する方法
Gmailのラベルとフィルタ機能を使ってメールを自動的に振り分ける
MAMPでhtdocs内に複数のローカルホストを作成する方法
連絡先.appを活用して他人のメールアドレスなどの情報を管理する方法
2019年2月時点でのMacアプリのダークモード対応状況
Alfred 4の無料版と有料版(Powerpack)で使える機能比較
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
「とりあえず無料版!」ではなく、機能を知った上で判断したいMAMPとMAMP PROの比較
Visual Studio CodeからFTPソフトのTransmitを使用する拡張機能「Transmit」
Slackのリマインダー機能「/remind」についてのまとめ
Illustratorで画像内の複数箇所を切り抜いて書き出す方法
Chrome拡張機能の「Get RSS Feed URLs」でサイトのRSSを簡単に取得
刷新されたAlfred 4のテーマエディタでエディタのカスタマイズと、公開テーマのインポート方法
「DevTools z-index」でz-indexがかかっている要素をChrome開発者ツールに一覧表示させる
ブログに見出しを設置できるjQueryプラグイン「TOC | jQuery Table of Contents」
WordPressのヘッダーにツールバーが表示されないときは、wp_headやwp_footerが入っているか確認
CSS Nite in Kobe, vol.52「ラクして毎日30分の時短! すぐにできるMacの作業効率化入門」に登壇してきました