ホームページを運用していると、ツール紹介のコンテンツ制作など、スクリーンショットの機能を使う機会があります。スクリーンショット機能はパソコン自体にも備わっていますが、拡張機能を使うと使い勝手が良くなります。

今回は、スクリーンショットやキャプチャをするときのChrome拡張機能を4個まとめました。

目次

  1. Chrome拡張機能
    1. ウェブページ全体をスクリーンショット撮影
    2. FireShot
    3. Awesome Screenshot
    4. Toasty! Screenshot
  2. 拡張機能無しで全画面のスクリーンショットを撮影する方法
  3. スクリーンショットを使って業務効率を上げよう!

Chrome拡張機能

【1】ウェブページ全体をスクリーンショット撮影

https://ferret.akamaized.net/images/59eea6f9781b876426000893/original.jpg?1508812536
ウェブページ全体をスクリーンショット撮影

Webページ全体のスクリーンショットの撮影と編集・注釈が可能です。キャプチャ画像は「PDF/JPEG/PNG」ファイルで保存でき、クリップボードにコピーができるため、オフラインでも作業が可能です。また、スクリーンショットをGmailに直接送信することもできます。

この拡張機能はFirefoxでも取得できます。

参考:
完全なWebページのスクリーンショット

【2】FireShot

image5.png
FireShot

Webページ全体をスクリーンショット撮影。PDF/JPEG/GIF/PNGでキャプチャ、編集、保存やアップロード、印刷、そしてOneNote、クリップボード、メールに送信できます。
FireShotならWebページ全体のスクリーンショットを撮影して、編集・注釈が可能です。

Webページキャプチャ画像をPDF / JPEG / PNGファイルで保存、印刷、クリップボードにコピー可能。オフラインでも作業できます。

【3】Awesome Screenshot

screenshot_-_5.jpg
Awesome Screenshot

Webページの全画面か一部のスクリーンショットを撮れます。以前は有料だった機能も全て無料になっています。スクリーンショットは編集・注釈が可能です。

参考:
Awesome Screenshotとは〜キャプチャ画像を無料で簡単加工できるツールの使い方を徹底解説|ferret

【4】Toasty! Screenshot

screenshot_-_7.jpg
Toasty! Screenshot

スクリーンショットを撮影後、加工してアップロードできます。加工では枠線や矢印などのイラストや、画像とテキストの挿入も可能です。

拡張機能無しで全画面のスクリーンショットを撮影する方法

Google Chromeではデベロッパーツールから、拡張機能を使わずに全画面のスクリーンショットが撮影できます。

まず、スクリーンショットを撮影したいページでデベロッパーツールを開きます。
デベロッパーツールは以下の方法で開けます。

  • Windows:Ctrl + Shift + I
  • Mac:command + option +I

スクリーンショット_2019-03-06_16.11.07.png

デベロッパーツールを開いたら、詳細機能を開きます。
詳細機能は以下の方法で開けます。

  • Windows:Ctrl + Shift + P
  • Mac:command + Shift + P

そのまま「full」と入力すると「Capture full size screenshot」と表示が出ます。
Enter、もしくはクリックすることでスクリーンショットが撮影できます。

スクリーンショット_2019-03-06_16.11.18.png

スクリーンショットを使って業務効率を上げよう!

スクリーンショットを利用して画像を掲載することで、読み手にとっても視覚的に伝わりやすいコンテンツとなります。拡張機能を活用し、業務効率も上げながら読みやすいコンテンツを制作しましょう。

▼資料を作る機会の多い方へおすすめ

コピペして使える!ホワイトペーパー テンプレート

コピペして使える!ホワイトペーパー テンプレート(ppt形式)

ferretのホワイトペーパーなどでよく使うページレイアウトやパーツをまとめました。デザイナー視点での一言アドバイス付き。コピーして色を変更するなどして是非ご活用ください。

【パワーポイント作成】伝わるデザインのコツ

【パワーポイント作成】伝わるデザインのコツ

ほんの一手間で驚くほど見やすく変わる!パワーポイントやGoogleスライドなど資料のデザインを見やすく仕上げるコツを解説します。

この記事を読んだ方におすすめ

Windows、Mac、スマホまで!業務効率化に役立つアプリとツール集

Windows、Mac、スマホまで!業務効率化に役立つアプリとツール集

業務をより効率的にするため、新たにツールやアプリを入れてみましょう。この記事ではPCやスマートフォンにインストールできる便利な業務効率化ツール&アプリを紹介します。

知ってると便利!iPhoneでのスクリーンショット撮影にオススメの無料アプリ7選

知ってると便利!iPhoneでのスクリーンショット撮影にオススメの無料アプリ7選

今回は、iPhoneユーザーの方にオススメしたい無料のスクリーンショット撮影アプリ7選をご紹介します。 デフォルトでもホームボタンとサイドボタンを同時に押すことで撮影可能ですが、ただスクリーンショット撮影をするだけではなく、さらに便利な機能を兼ね備えたアプリばかり厳選しました。 iPhoneユーザーで、かつスクリーンショット撮影を行う機会の多い方は、本記事を参考に使いやすいアプリを探してみてはいかがでしょうか。