ブログ

パソコンのスクショやキャプチャをChrome拡張機能で行う方法

「スマートフォンのスクリーンショットはとても簡単なんだけど、パソコンでも出来ないのかな?」

と思う人も多いかと。

Webサイトやブログ運営をする上でほしい機能ですよね。様々な方法がありますが、できれば使い勝手に優れていて、且つ安心できるものを選びたい

f:id:hometaka5657:20171105235542p:plain

情報を共有するためにスクショキャプチャー機能は重宝します。そんなわけで今日はChrome拡張機能で簡単にスクショする方法」を紹介します。 

FireShot

chrome.google.com

単純にWeb画面をキャプチャしたいのなら直感で出来るFireShotがとても便利。日本語にも対応しているので困ることがないと思います。

 

オプションでは保存するファイル形式が選択可能

f:id:hometaka5657:20171105175218j:plain

 

画面右上のアイコンをクリックすると、分かり易く3つの機能が出現

f:id:hometaka5657:20171105173403j:plain

機能

  • ページ全体をキャプチャ
  • 表示部分をキャプチャ
  • 選択範囲をキャプチャ

FireShotは操作が簡単、これらを紹介しますが手順を教えるほどでもないくらいです。

 

ページ全体をキャプチャ

Webページをブラウザで見ている状態のまま縦長に保存できる。これによりスクロールして保存、スクロールしてまた保存、といった余計な作業がなくなります。

PCの標準機能でこうした隠れた部分までのキャプチャはできないので、これはありがたい機能です。

表示部分をキャプチャ

f:id:hometaka5657:20171105180435j:plain

見ている画面を一発で保存できます。本来のスクリーンショットと言えばこの機能ですよね。

 

選択範囲をキャプチャ

f:id:hometaka5657:20171105181427j:plain

自分で選択した範囲だけ切り抜いて保存できます。1番実用的だと思います。

 

簡単に説明しましたが、スクリーンショットの機能を求めているのであればこれだけ出来れば問題はないかと思われます。

ただサイトやブログ運営ではこれらの画像を編集や注釈したい場合もあるかと。そんな時はこちらの方をお勧めしたい。

Awesome Screenshot

chrome.google.com

日本語ではないですが使い勝手は素晴らしく人気のChrome拡張機能です。

インストールすると右上にアイコンが出現。クリックするとこのようにタブが表示されます。

f:id:hometaka5657:20171105202916j:plain

赤枠の囲いを説明しますが、アイコンの形でイメージした方が直感的に操作しやすくなりますよ!

check

・Capture visible part of page
見えている範囲のキャプチャ
・Capture selected area
選択した範囲のキャプチャ
・Capture entire page
全体のキャプチャ

時計のマーク(Delay capture)は遅延です。押すと3秒のカウントダウンが始まる自動キャプチャになります。

 

どの機能でも1クリックでキャプチャできますが、試しに1番上の見えている範囲を使用して落書きしてみますね。

編集・注釈

上の赤い囲いが編集ツールになります。

f:id:hometaka5657:20171105225304j:plain

このキャプチャーした画像に文字や枠などを入れることが可能です。

 

文字を入れる

f:id:hometaka5657:20171105225255j:plain

 

手書き

f:id:hometaka5657:20171105230414j:plain

 

囲い枠

f:id:hometaka5657:20171105230410j:plain

 

下線や矢印

f:id:hometaka5657:20171105230917j:plain

 

ぼかし・手書きマーカー

f:id:hometaka5657:20171105231345j:plain

  • 文字入れ
  • 手書きペン
  • 手書きマーカー
  • 囲い枠
  • ぼかし
  • 下線・矢印

矢印やぼかしは意外と使う場面も多いかと思うのでいざという時に役立ちます。さらにぼかしは重ねることで、より不鮮明にすることが可能です。是非おためし下さい!

最後に、同じように文字や図形等を見た目や直感だけでも使いこなせる拡張機能を紹介します。

Webpage Caputure and Paint

chrome.google.com

ちょっと可愛らしいデザインが印象的なWebpage Capture and Paintです。

まずはインストールすると右上のアイコンに出現するタブがこちら。

f:id:hometaka5657:20180225222530j:plain

上から順に

・フルページ(全体)
・見えてる範囲
・選択範囲

の3種類に対応してわかりやすい。

最下部の選択範囲で今回は落書きしてみますね!

f:id:hometaka5657:20180225222536j:plain

緑色の選択枠を自在に操ることができます。決まりましたらOKをクリック!

f:id:hometaka5657:20180225222527j:plain

するとこちらの編集画面に移行します。

左にあるのは編集タブ

f:id:hometaka5657:20180225222541j:plain

・手書きペン
・消しゴム
・色の選択

右側にあるのは

・テキスト挿入
・図形

Chrome拡張機能の中でもほんとに分かりやすいのが特徴です。これなら本当に初心者でも簡単に使いこなせそう。

これらを使って落書きしたのがこちら

f:id:hometaka5657:20180225222533j:plain

大体こんなイメージになります。

あとは文字、図形の大きさや色の変更ができるのでインストールして是非使ってみて下さい。

まとめ

chrome拡張機能を使ってのスクショやキャプチャ方法を3点紹介させて頂きました。時間をかけずに作業できるところがおすすめです。

また、どれがいいのか迷ったら気になるのはインストールして実際に使って判断してみると良いです。 

ブログやサイトに使用するのであれば容量削減は推奨します!

www.imaichido.com

合わせて読みたい