一緒に読んで頂いている記事

スタディサプリというシステムを使って実際に子供の成績がアップした!?
 
小学4年生~中学3年生までを対象にしたWEB学習サービスの「スタディサプリ」を使って実際に成績が上がった人のブログです。使って良かった点と悪かった点も書かれているのでとても参考になります。
 
高速道路・一般道渋滞情報無料アプリ
 
機能充実カーナビ無料アプリ
 
無料立ち読みしちゃう!?
 
暇つぶしにアニメを見る!

サイトの画面を1枚の縦長画像としてコピー保存できる拡張機能

1771-0

ホームページ検索していて、このウェブページの情報役立つからちょっとプリントスクリーン(PrtSc)で画像を保存しておきたいといった時に、いつも悩むのが、1枚の画像で綺麗に保存出来ないかということです。

横長の画像を複数枚、プリントスクリーンしてjpgなどの拡張子で保存していますが、容量も大きくなりますし、何より面倒くさいです。

そこで今回は、縦長のウェブページを1枚の画像として保存する方法を試したいと思います。

スポンサーリンク


ウェブページを丸ごと1ページを画像に取り込むには

ウィンドウズに標準で搭載されているスクリーンショット機能(PrtScキー)は、画面に表示されている部分しかコピーすることができません。

そのため、縦長のウェブページを画像にして保存したい時に何枚にも分割して、保存しなければなりません。そして、あとで画像編集ソフトのペイントやGIMPを使って1枚の画像に組み合わせたりして時間も掛かりますし、面倒くさい!

そこで使いたい機能が、「Awesome Screenshot」というファイヤーフォックスとGoogle Chrome用の拡張機能です。

 Chromeでスクリーンショットをコピーする

1.「Awesome Screenshot」をインストールする

1771-1

Awesome Screenshot」にアクセスして、「+Chromeに追加」をクリックします。

1771-2

「新しい拡張機能の確認」画面が表示されるので、「追加」をクリックします。

1771-3

「Awesome Screenshot」のインストールが完了するとGoogleChromeのブラウザの左上に、アイコンが追加されます。

2.「Awesome Screenshot」を使ってみる

1771-4

保存したいホームページを開きます。

1771-5

コピーしたいページを開いたら、ブラウザの右上にある「Awesome Screenshot」のアイコンをクリックするとメニューが表示されるので、「Capture entire page」をクリックします。

スポンサーリンク

こんな記事もよく読まれています


no image

PDFファイルの必要なページだけを分割・結合できる無料編集ソフト

PDFファイルのページ数は、何十ページ・何百ページとたくさんの情報が入っていることが多くあります。そのため、必要な箇所を探し出すのに苦労することがあります。 必要なページだけをまとめた「まとめノート」みないなPDFを作成 […]


no image

デジカメ撮影した写真画像のサイズを一括変更できる無料ソフト

パソコンに貯まるデジカメ写真。私は解像度を高くして撮影しています。そのため、パソコンに保存するとかなりの容量になります。 外付けハードディスクを購入して写真画像を保存していますが、綺麗に撮影出来たものはそのままで、少しサ […]


no image

動画から簡単にGIF画像を作る!画像を準備すればインストール不要・無料でアニメーションが作れる

ブログやホームページを閲覧していると、写真や画像ではなくサイトを開いたら自動で動画みたいなのが再生されていることがあります。 自分もそんなことをしてみたいと思い、調べて見ました。 YouTubeにアップして画像共有しても […]


no image

エクセルやワード、PDFを結合して1つのファイルに簡単変換したい

資料作成する時に、過去に作成した内容を使うことってありますよね。 この部分は変わっていないから使って、新しい情報を追加してと今までは、パワーポイントやワード(Word)、エクセル(Excel)などにまとめていたりしました […]


no image

YouTubeをより快適に見るために知っておきたい5つの機能

YouTubeを見ている人って結構いますよね。 今では、2歳や3歳くらいの子供もYouTubeを見ているのですから、視聴者の年齢層はかなり幅が広いと思います。皆がもっと快適に見れるそんな便利な機能があります。 そこで、今 […]


no image

仕事が速くなる!エクセルなどの時間短縮ショートカットキー27選

パソコンを操作するときに、いちいちマウスで操作するのは面倒臭いですよね。そして、ちょっと初心者っぽい・・・ですよね。 初心者でも、少しプロっぽいパソコンが出来る人に見えるのがショートカットキーを使って素早く操作が行えます […]


no image

スマホに貯まっている画像をパソコンに移すための3つの方法

スマートフォンで撮影した画像や写真をがたくさん溜まってきて、パソコンに移したいけど移す方法ってどんな方法があるの? 簡単にスマートフォンからパソコンに写真や画像が移せる方法が3つありました。 そこで今回は、スマートフォン […]


no image

動く画像?GIF画像ファイルを自分で簡単に作ってみたらいい感じ!

無料でGIF動画を作成できるフリーソフトをダウンロードしましたが、フリーソフトだけに説明書や操作方法が無いので、慣れるまでちょっと時間が掛かりました。 今回、インストールした「動画 GIF 変換」ソフトをの基本的な使い方 […]


no image

動く画像を自分で作成するためのおすすめフリーソフト!動画 GIF 変換

前回、GIF画像を簡単に作れるサイトを使って、アニメーションを作成してみましたが、カクカクとしてスムーズ感がありませんでした。 もっと、細かく写真を準備しておけばいいのでしょうが、時間も掛かるし、スムーズに動かせるような […]


no image

これで解決!Windowsパソコンでのスクリーンショットのやり方

パソコンのスクリーンショットを撮りたいけど、できない、やり方が分からないことがあります。このスクリーンショットの機能が使えれば、マニュアル作成や資料作成に役立ちます。 そこで今回は、Windowsパソコンのスクリーンショ […]


no image

YouTubeのお気に入り動画を自動リピート再生する方法

YouTubeにはリピート再生する機能がありません。 お気に入りの動画を繰り返しみたいとか、音楽動画を繰り返し聴きたいと思っても、自動でリピート再生することができなく、再生が終わったあとに出てくるリピート再生ボタンを押さ […]


no image

YouTubeの音楽動画に歌詞を自動表示!歌詞を探す手間がいらない

YouTubeの音楽動画を聴いたり、見たりする時に、歌詞の表示はありません。 カラオケや歌詞を覚えようと思っても、YouTube動画とは別で歌詞を見ながらでないと音楽動画を楽しむことが出来ません。 そこで今回は、YouT […]

3.編集画面が表示される

1771-9

「Awesome Screenshot」の編集画面が新しいタブとして表示されます。この画面上でも画像の編集ができるようになっています。

1771-6

ページの上部に編集用のアイコンがあります。左から順番に紹介していきます。

  • スクリーンショットをトリミングする(切り取り)
  • 枠線(長方形)
  • 枠線(楕円)
  • 矢印線
  • 直線
  • 自由線
  • ぼかし(モザイク)
  • 文字入力
  • 枠線や文字の色の変更
  • 元に戻す

画像編集も可能で、アイコンをクリックして範囲を指定するだけで操作ができるので簡単です。何より、ぼかし(モザイク)機能があるのが非常に便利です。

編集が終わったら「完了」をクリックします。

4.画像として保存する

1771-7

「完了」をクリックすると上記のような画面になります。コピーしたサイトページを画像として保存する場合は、右側に表示されているメニューの「Save image as a file」にある「Save」をクリックしてパソコンに保存します。

1771-10

保存先のフォルダー、ファイル名を指定して「保存」をクリックして完了です。

5.保存した縦長のウェブページ1枚の画像

1771-8

このように、ウェブページを1枚の画像で保存することができました。編集画面で必要な部分だけをトリミング(切り取る)することもできます。

編集後記

利用方法はとても簡単ですね。保存したページを開いて、キャプチャー機能の「Awesome Screenshot」を起動するだけです。

保存前には、簡単な編集もできるので、不要な場所をトリミングしたり、テキストなどを追加することもできます。

また、PDFと違ってウェブページを画像で保存すると表示が崩れたりしないため、あとで読み返す時に拡大などしても読みにくいということがないので快適に使うことができます。

スポンサーリンク

こんな記事もよく読まれています

no image
YouTubeの音楽動画に歌詞を自動表示!歌詞を探す手間がいらない

YouTubeの音楽動画を聴いたり、見たりする時に、歌詞の表示はありません。 カラオケや歌詞を覚えようと思っても、YouTube動画とは別で歌詞を見ながらでないと音楽動画を楽しむことが出来ません。 そこで今回は、YouT […]

no image
これで解決!Windowsパソコンでのスクリーンショットのやり方

パソコンのスクリーンショットを撮りたいけど、できない、やり方が分からないことがあります。このスクリーンショットの機能が使えれば、マニュアル作成や資料作成に役立ちます。 そこで今回は、Windowsパソコンのスクリーンショ […]

no image
動画から簡単にGIF画像を作る!画像を準備すればインストール不要・無料でアニメーションが作れる

ブログやホームページを閲覧していると、写真や画像ではなくサイトを開いたら自動で動画みたいなのが再生されていることがあります。 自分もそんなことをしてみたいと思い、調べて見ました。 YouTubeにアップして画像共有しても […]

no image
エクセルやワード、PDFを結合して1つのファイルに簡単変換したい

資料作成する時に、過去に作成した内容を使うことってありますよね。 この部分は変わっていないから使って、新しい情報を追加してと今までは、パワーポイントやワード(Word)、エクセル(Excel)などにまとめていたりしました […]

no image
YouTubeをより快適に見るために知っておきたい5つの機能

YouTubeを見ている人って結構いますよね。 今では、2歳や3歳くらいの子供もYouTubeを見ているのですから、視聴者の年齢層はかなり幅が広いと思います。皆がもっと快適に見れるそんな便利な機能があります。 そこで、今 […]

no image
スマホに貯まっている画像をパソコンに移すための3つの方法

スマートフォンで撮影した画像や写真をがたくさん溜まってきて、パソコンに移したいけど移す方法ってどんな方法があるの? 簡単にスマートフォンからパソコンに写真や画像が移せる方法が3つありました。 そこで今回は、スマートフォン […]

no image
動く画像を自分で作成するためのおすすめフリーソフト!動画 GIF 変換

前回、GIF画像を簡単に作れるサイトを使って、アニメーションを作成してみましたが、カクカクとしてスムーズ感がありませんでした。 もっと、細かく写真を準備しておけばいいのでしょうが、時間も掛かるし、スムーズに動かせるような […]

no image
デジカメ撮影した写真画像のサイズを一括変更できる無料ソフト

パソコンに貯まるデジカメ写真。私は解像度を高くして撮影しています。そのため、パソコンに保存するとかなりの容量になります。 外付けハードディスクを購入して写真画像を保存していますが、綺麗に撮影出来たものはそのままで、少しサ […]

no image
YouTubeのお気に入り動画を自動リピート再生する方法

YouTubeにはリピート再生する機能がありません。 お気に入りの動画を繰り返しみたいとか、音楽動画を繰り返し聴きたいと思っても、自動でリピート再生することができなく、再生が終わったあとに出てくるリピート再生ボタンを押さ […]

no image
動く画像?GIF画像ファイルを自分で簡単に作ってみたらいい感じ!

無料でGIF動画を作成できるフリーソフトをダウンロードしましたが、フリーソフトだけに説明書や操作方法が無いので、慣れるまでちょっと時間が掛かりました。 今回、インストールした「動画 GIF 変換」ソフトをの基本的な使い方 […]

no image
仕事が速くなる!エクセルなどの時間短縮ショートカットキー27選

パソコンを操作するときに、いちいちマウスで操作するのは面倒臭いですよね。そして、ちょっと初心者っぽい・・・ですよね。 初心者でも、少しプロっぽいパソコンが出来る人に見えるのがショートカットキーを使って素早く操作が行えます […]

no image
PDFファイルの必要なページだけを分割・結合できる無料編集ソフト

PDFファイルのページ数は、何十ページ・何百ページとたくさんの情報が入っていることが多くあります。そのため、必要な箇所を探し出すのに苦労することがあります。 必要なページだけをまとめた「まとめノート」みないなPDFを作成 […]

コメントを残す