2022年4月14日 【簡単】Webサイトを画像でダウンロードする方法

こんにちは！新人デザイナーのTOMOYOです☆

サイトの確認のために、Webサイトを画像でダウンロードしたい場面って多いですよね！

今回はChrome拡張機能やGoogle Playアプリを使って、簡単で早く、Webサイトを画像でダウンロードするおすすめの方法についてご紹介致します。

GoFullPage

DLページ

Chrome拡張機能でおすすめな一つ目のツールは、GoFullPageです。

サイト全体のスクリーンショットを撮りたい時や、全体像をみたい時にとても便利です。

Google拡張機能「GoFullPage」を追加
→スクリーンショットを撮りたいページでカメラアイコンをクリックする
→スクリーンショットを保存する

の方法で、Webサイト全体のスクリーンショット画像をダウンロード出来ます。

Image downloader

DLページ

Chrome拡張機能でおすすめな二つ目のツールは、Image downloaderです。

このツールを使うと、全ての画像をダウンロードすることが出来ます。

Webサイトを開いた後、「Image downloader」を起動し、Select allのチェックボックスにチェック、下のダウンロードボタンを押すと、全ての画像をダウンロードできます。

Awesome Screenshot

DLページ
　　　　　

Chrome拡張機能でおすすめな二つ目のツールは、Awesome Screenshotです。

こちらは、Webページのスクリーンショット撮影と画面録画ができる拡張機能です。
　
　　　

この拡張機能を使用すると、サイト全体のスクリーンショットや、画面の録画も簡単に撮ることができます。
　
DevToolsで端末サイズを指定して撮影すれば、スマホのモックを作成する際などにも使えます。
　　　　　　　
　　　　　　　　

Gyazo・Gyazo GIF

DLページ

Google Playアプリのおすすめは、Gyazo・Gyazo GIFです。

アプリをダウンロードした後、アプリを起動してスクリーンショットを撮りたい範囲を選択
→そうすると、自動的にスクリーンショットがアップされ、閲覧用のURLが発行されます。

閲覧用のURLを共有できるので、社内で確認をしてもらいたい場面などで便利です！

Gyazoは画像、Gyazo GIFはGIF形式でダウンロードできます。

いかがでしたでしょうか？

以上が、Webサイトを画像でダウンロードするおすすめの方法でした。

共有UP機能のある場合、セキュリティ（公開範囲）の点も留意できるといいかなと思います。

少しでも参考になれば幸いです！

また次回お楽しみに！