WEBページをスクロールしながらスクリーンショットができる！【Awesome Screenshot】使い方と機能紹介

Webページの全体や表示されている画面のみ、スクロールしながら撮影したい箇所のみスクリーンショットができるのが、Chrome拡張機能の「Awesome screenshot｜素晴らしい画面の並べ替えとスクリーンショット」です。

この拡張機能一つで、サイト画面キャプチャから画像編集まで完結します！

さらに、録画機能も搭載 されてます。

Web関連の仕事をする方にとっては、作業効率を大幅にアップ出来るので必見です。

この記事では、「Awesome Screenshot （素晴らしい画面の並べ替えとスクリーンショット）」の特徴と便利な使い方、保存方法まで画像付きで詳しく紹介していきます。

気になる方は、ぜひ参考にしてください！

Awesome Screenshot（素晴らしい画面の並べ替えとスクリーンショット）とは？

『Awesome Screenshot（素晴らしい画面の並べ替えとスクリーンショット）』は、Webページの全画面や表示されている一部のスクリーンショット、WEBページをスクロールしながら任意の場所まで選択してスクリーンショット＋画像編集もできるChrome拡張機能です。

開発の歴史と進化

Awesome Screenshot は。Diigo社 によって2010年頃に開発され、長年にわたってアップデートが続けられています。

公式サイト（https://www.awesomescreenshot.com/）やWayback Machineの記録では、2010年10月には既にサービスの提供が開始されていたことが確認できます。

名称変更について

2022年頃から、「Awesome Screenshot」より「素晴らしい画面の並べ替えとスクリーンショット」 へ名称変更されましたが、公式サイトでは現在も「Awesome Screenshot」として記載されているため、日本語版のみ名前が変更された可能性が高いです。

同様のツール「Fireshot」

「Awesome Screenshot」と同様にスクリーンショット機能を提供する『Fireshot（ウェブページ全体をスクリーンショット ）』も、SmartSoft Ltd.によって2007年～2008年頃に開発され、現在も継続的にアップデートされています（Fireshot 公式サイト｜2007年のお知らせ参照）。

どちらのツールも10年以上にわたり改良が続けられており、信頼できるスクリーンショットツールとして多くのユーザーに利用されています。

「Awesome Screenshot」と「Fireshot」の比較

以前は、同様の機能を持つ「Fireshot」という拡張機能を使ってサイトの画面を保存していましたが、それと比べて「Awesome Screenshot」の方が個人的に使い勝手が良かったので、違いなどをお伝えしていきます。

「Awesome Screenshot」の使用ユーザー数は「FireShot」と同様、3,000,000 ユーザーで評価も高かったため、インストールしました。

以下、比較表を参考にどうぞ。

項目	Fireshot	Awesome Screenshot
利用ユーザー数	300万人	300万人
評価（5点満点）	4.8	4.7
レビュー数	4.5万件	2.8万件

画面録画（画面キャプチャ）を無料で提供している機能は、なかなかないので助かります。

「Awesome Screenshot」インストール手順

ここでは、クローム拡張機能「Awesome Screenshot（素晴らしい画面の並べ替えとスクリーンショット）」のダウンロード手順を紹介します。

画面キャプチャ方法とスクリーンショットパターン

ここでは、スクリーンショットの方法と選べる撮影パターンを紹介します。

スクリーンショットしたいページを開き、先にピン留めしておいた「素晴らしい画面の並べ替えとスクリーンショット」のアイコンをクリックします。

『キャプチャ（スクリーンショット）』と『レコード』タブがあるので、画面静止画を撮影したい場合は左側のタブキャプチャを選択します。

主な3パターンのスクショ

撮影したい箇所に合わせて、3パターンから選べば簡単にスクリーンショットできます。

遅延後の表示部分

上で紹介した、3つの撮影パターン以外にも便利な撮影方法があります！

この「遅延後の表示部分」をクリックすると3秒のカウントダウンがはじまります。

例えば、ウェブサイトで、マウスホバーした（マウスが触れた）ときにしか見れない動きありますよね？そんなときにこの機能が役立ちます！

画面全体またはアプリウィンドウ

タブやモニター画面を含めたブラウザ外部の画面までスクリーンショットできちゃいます！

「Awesome Screenshot」8つの編集機能

スクリーンショット機能 ＋ 編集機能 も充実！

ここでは、「Awesome Screenshot」の主な編集機能8つ を紹介していきます。

1.リサイズ

任意のサイズでリサイズ（縦横比固定または縦横比固定外し）ができます。

2.トリミング

任意のサイズでトリミングできます。

右側のサイズ表示箇所「Width（横幅）」、「Height（高さ）」で、サイズ指定も可能です。

3.ペンツール

線の太さは（2、４、６、８、16）の5段階で調整可能です。

たとえば、社内用で指示を出す際に画像で見てほしい箇所を丸で囲ったり、矢印を書いたり、文字がすぐに書けるのは便利ですよね。

4.ブラシツール

ブラシの太さは（6、8、16、32、48）の5段階で調整可能です。

目立たせたい箇所に簡単にマーカーがひけて便利！

色変更可能でカラーコードでも指定できますし、カラーパレットから任意の色を選べます。

5.図形（円形・四角形）ツール

円形・四角形から選択できます。

大きさの調整や塗りつぶし、線の太さも調整可能です。

一度サイズを確定した後でもサイズや形状調整ができます。

6.線と矢印（矢印3種）ツール

線の太さは（2、４、６、８、16）の5段階で調整可能です。色の変更もできます。

7.テキストツール

文字色、背景色、枠線、ドロップシャドウ、文字サイズ、フォント変更が可能です。

8.ブラー（モザイク機能）ツール

ブログ運用やサイト運用している方に特におすすめの機能です。

個人情報など隠したい情報があれば、すばやくモザイクをかけられます。

---

など…とにかく編集機能モリモリでした。

こんなに機能が充実しているのに無料なのは大変ありがたいですね！

 Chrome ウェブストア｜「Awesome Screen Recorder & Screenshot（素晴らしい画面の並べ替えとスクリーンショット）」

保存ファイル形式の選択（PNG / JPG）

スクリーンショットの保存ファイル形式は、jpgファイル、pngファイルに対応してます。

書き出し時にPDF選択も可能です。

保存形式の変更や確認は以下のように、オプション（歯車マーク）から行います。

「保存の設定」から、スクリーンショットのファイル形式：PNGまたはJPGの2つから選択できるようになっています。

保存ボタンはなく、自動保存になっているので、どちらかを選択するのみで設定は完了です！

スクリーンショットのコピー

ここでは、スクリーンショットをしたあとのコピーまたは保存方法を説明します。

編集後、右上の［Copy］でコピーが可能です。

そのまま、デザインツールやチャットツール、ブログなどにペースト出来ます。

キャプチャした画像をいちいちダウンロードしなくて済むのも魅力的です。

スクリーンショットの保存

ファイルとして保存する場合や他のアクション（PDF保存や印刷など）を行う場合には、右上の［Done］（終わり）をクリックしてください。

以下のような画面が表示されるので、行いたいアクションを選択してください。

まとめ

現在『FireShot』を使っている方は、ぜひ今回ご紹介した『Awesome Screenshot｜素晴らしい画面の並べ替えとスクリーンショット』も試してみてほしいです！

特にデザイン関連のお仕事している方やブログ運用している方は、スクリーンショットにコメントを入れたり、図形や矢印を入れたいタイミングが多くあると思います。

こちらのツールが私の知っているChrome拡張機能の中でも1番使いやすく、時短・効率化できるのでオススメします。

他にもスクリーンショット機能が備わっている「 Toasty! Screenshot 」を試そうと思いましたが、こちらも『FireShot』同様にサポート終了のお知らせがあったため、今回は『素晴らしい画面の並べ替えとスクリーンショット』をご紹介しました。

もし「こっちの方が機能充実しててオススメだよ～！」という拡張機能があれば、ぜひコメントで教えてください。

 同じタイミングでサポート終了通知が来ていたサイト内の画像をダウンロードできる機能【Image Downloader】の代替ツール【Imageye】を以下の記事で紹介してます。

 「便利Chrome拡張機能7選」記事も更新しました。

今後も使いやすいツールがあれば、投稿していきます。皆さんの毎日が笑顔で満ち溢れますように。

また次の記事でお会いしましょう！