Webサイトから画像を一括ダウンロードする方法

![Webサイトから画像を一括ダウンロードする方法 (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/d2ff0a9b-d309-3b89-9d37-3039f9b2a7f2.png)
元記事：[https://www.octoparse.jp/blog/how-to-scrape-and-bulk-download-images-from-any-website/](https://www.octoparse.jp/blog/how-to-scrape-and-bulk-download-images-from-any-website/)
#1. Webサイトから画像を取得する方法
Webサイトから全ての画像を一括で保存したいとき、1枚ずつ保存するのは非常に面倒です。これは非常に退屈なプロセスであり、仕事の効率を低下させます。

実際、Webスクレイピングツールは、この作業を自動化するの最適な選択肢です。Webページを無限にクリックする代わりに、5分以内にタスクを設定するだけで、[クローラー](https://www.octoparse.jp/blog/what-is-a-web-crawler-and-how-does-it-work/)がすべての画像URLを取得してくれます。画像を一括でダウンロードツールにコピーすると、わずか10分で完成させます。

#2. Webスクレイピングツールをダウンロード
まずは「[Webスクレイピングツールにオススメの10選](https://www.octoparse.jp/blog/the-10-best-web-scraping-tools/)」という記事から自分に合ったWebスクレイピングツールを探しましょう！今回は、上記の記事から紹介された[Octoparse](https://www.octoparse.jp/)を例として紹介します。

なお、これは簡単なガイドであり、プログラミングの経験は必要ありません。心配しないでください。

![無料のWebスクレイピングツールをダウンロード.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/90d51d2c-489d-656d-84b1-b132eb26b5c6.png)
***Octoparseを[ダウンロードする](https://www.octoparse.jp/Download)***

***注：Octoparseは無料プランを提供しています。このガイドに記載されている機能にお金を払う必要はありません。***

 

#3. 2つのステップだけで、すべての画像URLを取得
##ステップ1: タスクを作成する
1）Octoparseを起動します。スクレイピングしたいWebページのURLを入力します。「**抽出開始**」 ボタンをクリックして進みます。

![クローラーを作る.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/00a59156-453e-180f-f247-235c4a5255dc.png)

もうすぐホワイトデーですので、今回は楽天市場上のチョコレートの画像を例にしてみましょう。

サンプルURL: [https://search.rakuten.co.jp/search/mall/チョコレート/](https://search.rakuten.co.jp/search/mall/チョコレート/)

（このリンクが無効になった場合は、楽天市場の別の検索結果のリンクを使ってください）

2）Octoparseでページが読み込みされたら、自動的にページ上の内容を識別します。もし自動識別機能をオフする場合は、右上の操作ヒントパネルで 「**Webページを自動識別する**」、ページ上の内容を識別します。[自動識別](https://helpcenter.octoparse.jp/hc/ja/articles/360013585100-%E3%83%AC%E3%83%83%E3%82%B9%E3%83%B31-%E8%87%AA%E5%8B%95%E8%AD%98%E5%88%A5%E6%A9%9F%E8%83%BD%E3%81%A7%E3%83%87%E3%83%BC%E3%82%BF%E3%82%92%E6%8A%BD%E5%87%BA%E3%81%99%E3%82%8B)とは、自動的にページ上の必要なデータを検出して識別するという役立つ機能です。ポイント&クリックをする必要はなく、Octoparseは自動的に処理します。


![Webページ上のすべての画像を自動識別.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/b4b35c96-3df4-c081-ca86-336675b89f56.png)

3）識別が完了すると、データプレビューで識別したデータを表示され、どのようなデータが取得されているかを確認することができます。「**識別結果を切り替える**」をクリックすると、ページの異なる場所の識別結果を指定することができます。「**ワークフローを生成**」をクリックして確認し、タスクを作成します。

![画像クローラーを作る.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/afdfa35e-2b0a-e62c-d41c-c266c206ee44.png)

これで簡単に楽天市場のクローラーが作成しました！

##ステップ2: タスクを実行する
上の「**実行**」ボタンをクリックして、すぐタスクを実行できます。たった数分で数千件のデータを取得することができます。これがOctoparseのスピードです。一度Octoparseのコツをつかめば、以前Webデータを取得するための手作業で時間を無駄にしていたことを後悔するに違いありません。
![タスクを実行する.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/97ac4daa-b3b2-3c32-08de-2034b10087ab.png)

![rakuten.gif](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/35b4c848-c523-cd9c-1401-876fcc9747aa.gif)
これは、たった5分で抽出したデータです。実際、それはすべての画像のURLだけでなく、製品の詳細ページのデータもスクレイピングできます。これは、[競合調査](https://www.octoparse.jp/blog/using-web-scraping-to-improve-business-analytics-and-intelligence)や[EC（Eコマース）](https://www.octoparse.jp/blog/competitor-monitoring-for-price-strategy-and-product-planning/)分析をしている方には、非常に役立つツールです。


#4. 数秒で画像を一括ダウンロード！
すべての画像URLをExcelファイルに保存した状態で、[この動画](https://www.youtube.com/watch?v=NJ8O4HUUfag)から紹介された一括ダウンロードツールを使って、全ての画像をダウンロードします。今回はChromeの「[Tab Save](https://chrome.google.com/webstore/detail/tab-save/lkngoeaeclaebmpkgapchgjdbaekacki)」という拡張機能を例として試していきましょう。

![画像の一括ダウンロード.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/b9f71949-c993-4583-78f7-5f9a51165368.png)

画像のURLをコピーしてタブ保存に貼り付け、ダウンロードをクリックすると、すべての画像が数秒でコンピュータにダウンロードされます。

![ダウンロードしたすべての画像.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/c53657bd-bfde-8594-c3be-7041890ea229.png)


全体のプロセスはわずか10分かかります。楽天市場から画像の数千（サイトに応じて具体的なデータ件数も変わります）をダウンロードできます。ぜひ試してみてください！




#もしタスクは不具合な状況がある場合…
今回の例で自動識別による生成したタスクは問題なく実行できますが、もしタスクは不具合な状況がある場合は、どのように修正すればいいでしょうか？

 

###1. ページネーションが無効の場合

このステップでは、ページネーションを確認し、必要に応じて[Xpath](https://helpcenter.octoparse.jp/hc/ja/articles/360015765513-XPath%E5%9F%BA%E7%A4%8E%E7%B7%A8-1-%E3%83%BC-XPath%E3%81%AE%E5%9F%BA%E6%9C%AC%E6%A6%82%E5%BF%B5)を修正していきます。ページネーションについて[こちら](https://helpcenter.octoparse.jp/hc/ja/articles/360015281940-%E3%83%9A%E3%83%BC%E3%82%B8%E3%83%8D%E3%83%BC%E3%82%B7%E3%83%A7%E3%83%B3%E3%81%AE%E5%87%A6%E7%90%86-%E6%AC%A1%E3%81%B8-%E3%83%9C%E3%82%BF%E3%83%B3%E3%81%8C%E3%81%82%E3%82%8B%E5%A0%B4%E5%90%88-)でご参照ください。

具体的には、ステップ「ページネーション」をダブルクリックすると、設定画面が表示されます。その設定画面には、自動識別で作成されたXpathがあります。

**・どのように修正すればいいでしょうか？**
右側の小さな矢印をクリックして、右側の内蔵ブラウザで「**次のページ**」ボタンをクリックします。これはクローラーに「これが私がクリックしたいボタン」を指示しています。簡単でしょうね。


![xpathを修正する.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/8ac1cfad-d286-194e-9ac8-b29324099a66.png)


**・もし上記の方法を修正してもダメな場合はどうすればいいでしょうか？**

下記の画像の通りに、Xpathを入力してください。
`(//a[@class="item -next nextPage"][contains(string(),"次のページ")][not(@disabled)])[1]`


![xpathを修正する_2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/afd2c3b8-3339-bf09-7602-ef3f6854f779.png)


###2. 画像が読み込まないの場合

ページが完全に読み込みされるため、スクロールダウンの設定が必要となります。このステップは、スクロールダウンを設定することです。Octoparseで数回のクリックするだけで設定できます！

ワークフローに戻って、「**Webページを開く**」をダブルクリックし、「**Webページを読み込んだ後**」で「スクロールダウン」にチェックを入れ、2秒間隔でスクロール1回、回数50回を設定します。

![スクロールダウンを設定する.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/262932/76eaf64d-31d6-3463-c1a4-c36c65e47fef.png)

これでタスクの修正は完了です！

 

#5. まとめ
1. Octoparseは、無料プランも提供しているWebスクレイピングツールです。ノーコード技術を使うため、非エンジニアでもスクレイピングすることができます。Webスクレイピングプロジェクトを1から始める最適なツールです。
2. Octoparseの自動識別機能を利用して、Webサイトから簡単にデータを取得することができます。これにより、他のツールでややこしいステップ設定から解放されます。
3. 自動識別機能を利用して、Xpathを書く必要はありません！ポイント&クリックだけでテキストやボタンなどの内容を指定できます。これは最もやりやすい方法です。

**参考記事：**
[画像を一括ダウンロードするのに超便利なツール5選](https://www.octoparse.jp/blog/bulk-download-images-from-links-top-5-bulk-image-downloaders/)
[注目のWebスクレイピングツール5選を徹底比較！](https://www.octoparse.jp/blog/top-5-web-scraping-tools-comparison)
[ECサイトからデータを抽出する3つの課題](https://www.octoparse.jp/blog/3-challenges-to-extract-data-from-ecommerce-websites)
[Webスクレイピングによる価格戦略・価格の決め方](https://www.octoparse.jp/blog/data-driven-ecommerce-pricing-strategy-using-web-scraping)