Webページから画像を1枚保存するのは簡単です。ですが、商品カタログ、インスピレーションボード、移行プロジェクト、コンテンツ監査などで本当に必要な画像だけを抽出するとなると、話はまったく違います。
表示されているサムネイルが元画像とは限りません。画像は srcset、JavaScript、CSS の背景画像、あるいは遅延読み込み属性を通じて読み込まれている場合があります。また、ページ内にはロゴ、トラッキング用ピクセル、重複したサイズ違いの画像、アイコン、プレースホルダーなど、ページ外では役に立たない要素も含まれています。
このガイドでは、現在使える7つの画像抽出ツールや手法を、実際に得られるもの——ファイル、元URL、またはソース情報付きの構造化リスト——の観点から比較します。
かんたん比較
| ツール | 向いている用途 | 出力 | 導入方法 |
|---|---|---|---|
| Thunderbit Image Extractor | 構造化された画像一覧の作成と複数ページのカタログ抽出 | ページ情報付きの画像またはURL、スプレッドシート項目 | Chrome 拡張機能 |
| Imageye | 見た目の良い単一ページでの探索と絞り込み | 選択したファイル、URL、形式変換 | Chrome 拡張機能 |
| Fatkun | ECサイトページと整理された一括ダウンロード | フィルタ済みの画像ファイル、リネーム済みファイル | Chrome 拡張機能 |
| ImageAssistant | 動的に読み込まれるアセット | 検出・解析された画像ファイル | Chrome 拡張機能 |
| ExtractPics | 公開URLからインストール不要で抽出 | プレビューグリッド、ZIP、コピーしたURL | Webアプリ |
| DownThemAll | Firefoxで安定したダウンロードキューを使いたい場合 | フィルタ済みのリンクファイル | Firefox アドオン |
| Browser DevTools | どうしても見つからない元ファイルの特定 | 正確なネットワークリクエストURLとレスポンス | ブラウザ標準搭載 |
単一ページなら、最も手早いのはたいてい Imageye か Fatkun です。EC、コンテンツ運用、移行作業のように、各画像に商品名、タイトル、価格、alt テキスト、元ページ情報を紐づけたい場合は、画像をデータセットの項目として扱える Thunderbit のほうが便利です。自動化でどうしても拾えない特殊なファイルがあるときは、DevTools が最後の切り札になります。
優れた画像抽出ツールが拾うべきもの
基本的なダウンローダーは <img src> だけを見ます。優秀な抽出ツールなら、以下にも対応できる必要があります。
srcsetに含まれるレスポンシブ画像候補data-srcなどの遅延読み込み属性- CSS の
background-image参照 - SVG、GIF、WebP、AVIF 形式
- スクロールやクリック後に追加されるアセット
- サムネイルの背後にある高解像度の元画像
- 重複URLやサイズ違いのバリエーション
- 画像の寸法、alt テキスト、商品名、元ページなどのメタデータ
適切なツールは、単なるファイル集が欲しいのか、再利用できるアセット台帳が欲しいのかで変わります。
7つの選択肢をどう評価したか
比較では、以下を重視しています。
- HTML画像、レスポンシブ画像、遅延読み込み、CSS背景、最新形式への対応範囲
- 表示用サムネイルではなく、元の高解像度ファイルを見つけられるか
- 寸法、種類、URLパターンによるフィルタ機能
- 一括選択、ZIPダウンロード、リネーム、フォルダ整理
- URL とメタデータのエクスポート
- 動的ページや無限スクロールへの対応
- 複数ページのワークフロー対応
- 現在の保守状況と、無料枠が明確に示されているか
ブラウザ拡張機能の情報は時間とともに変わります。以下のバージョンと更新日は、調査時点で確認したものです。
1. Thunderbit Image Extractor：構造化された画像一覧に最適
Thunderbit の Image Extractor は、ページ内の画像をワンクリックで抽出したり、一括ダウンロードしたり、画像URLやサムネイルを Google Sheets、Notion、Airtable に出力できます。
このツールの強みが際立つのは、画像に文脈が必要なときです。意味のないファイル名だけが並んだダウンロードフォルダを作る代わりに、ワークフローの中で次のような情報を取得できます。
- 商品名または記事タイトル
- 画像サムネイル
- 元の画像URL
- alt テキスト
- 価格、カテゴリ、SKU
- 元ページのURL
このような構造は、カタログ移行、ECリサーチ、クリエイティブ監査、コンテンツ一覧化で特に重要です。ページネーションを使えば一覧ページをまたいで抽出を拡張でき、サブページのスクレイピングでは各詳細ページを開いて、より高解像度の画像やメタデータをメインの表に統合できます。
Thunderbit の簡単な使い方
- 代表的な一覧ページまたはギャラリーページを開く。
- Thunderbit を起動し、AI Suggest Fields を選ぶ。
- タイトル、画像、画像URL、alt テキスト、ソースURLなどの項目を残す、または追加する。
- 少量でテストし、画像リンクが使える解像度につながるか確認する。
- 残りのカタログに対して、ページネーションまたはサブページ抽出を有効にする。
- 表をエクスポートするか、選択したアセットを一括ダウンロードする。
最適な用途: 複数ページのカタログ、商品画像一覧、Webサイト移行、ソースの追跡が必要なチーム。
注意点: これは、単機能の「このタブの画像をすべて保存」系拡張機能よりも、ワークフロー重視です。単発の1ページ取得なら、Imageye や Fatkun のほうが手早く感じられることがあります。
2. Imageye：洗練された単一ページ向け拡張機能
Imageye は、現在のページ上の画像を見つけて絞り込むことに特化した Chrome 拡張機能です。ストア説明では、幅・高さフィルター、URLフィルター、一括選択、サイズ確認、元URLのコピー、逆画像検索、WebP・JPG・PNG 間の変換に対応しているとされています。
掲載時点のバージョンは 5.30.1 で、更新日は 2026年3月18日でした。多くの古い拡張機能がブラウザ変更で使えなくなるカテゴリでは、この継続的な更新は重要です。
最適な用途: プレビューグリッド、素早いサイズ絞り込み、きれいな単一ページのダウンロードフローを求めるユーザー。
注意点: ほとんどのタブ単位の拡張機能と同様に、数百の商品ページにまたがる作業や、スプレッドシート上で画像と商品を対応付ける作業には向きません。
3. Fatkun：EC向けの絞り込みと整理に最適
Fatkun Batch Download Image は、画像の選択、グループ分け、リネーム、フィルタ、バルクダウンロードに重点を置いています。説明では、寸法と種類による絞り込み、ドラッグ選択、EC向けのグルーピング、形式変換、複数タブ対応がうたわれています。
この掲載は 2026年7月13日に更新されており、任意の Pro アップグレードがあることも明記されています。つまり Fatkun を評価するときは、無料版で必要なフィルタや整理機能が本当に使えるかを、実際に試すのが正しい見方です。すべての高度な機能が無料で使えると決めつけないほうがよいでしょう。
最適な用途: 候補画像を確認してから保存し、出力をすぐ整理したい商品ページ。
注意点: 出力の中心はあくまでファイル集です。後続の処理でソースURL、商品ID、ページメタデータが必要なら、構造化抽出ツールのほうが適しています。
4. ImageAssistant：動的読み込みアセットに強い
ImageAssistant は、Ajax で読み込まれる画像にも対応した、画像スニファー兼アナライザー兼一括ダウンローダーとして説明されています。
そのため、単純な拡張機能では最初に見えている画像しか拾えない場合や、操作後に追加されるアセットを見逃す場合の有力な代替手段になります。現在の掲載情報では、バージョンは 1.70.7、更新日は 2024年10月23日でした。
最適な用途: 動的ギャラリーや、通常の <img> スキャンでは取得できない画像があるページ。
注意点: 画面設計や更新頻度は、Imageye や Fatkun より新しさに欠けます。すべてのユーザーに対する第一候補ではなく、扱いにくいページ向けの第2の選択肢として持っておくのがよいでしょう。
5. ExtractPics：インストール不要のWebアプリとして最適
ExtractPics は、公開ページのURLを入力すると、ブラウザエンジンを使って抽出を実行します。製品情報によると、img と srcset、CSS背景、SVG とアイコン、GIF、WebP、AVIF、遅延読み込みアセット、重複排除に対応しています。結果は ZIP でダウンロードするか、URLとしてコピーできます。
料金ページでは、現在、無料アカウントで最大100クレジットまで利用でき、高度なWebアプリ抽出は2クレジット消費、失敗した抽出ではクレジットを消費しないと案内されています。extractpics.com と extract.pics の間で表記や枠が変わることもあるため、大量処理を計画する前に、現在の利用可能範囲を確認してください。
最適な用途: ブラウザ拡張機能を入れたくないときの、たまの公開ページ抽出。
注意点: URL ベースのWebアプリは、ログイン中のセッションやローカルブラウザ操作が必要な内容を拾えないことがあります。また、クレジット消費があるため、専用の複数ページワークフローと比べると、大規模カタログでは予測しづらい面があります。
6. DownThemAll：Firefox向けのダウンロードキューに最適
DownThemAll は、リンクされたダウンロードを選択、キュー管理、フィルタ、並べ替え、リネームできる無料のオープンソース Firefox アドオンです。Mozilla では Recommended とされており、現在のバージョンは 4.15.1、更新日は 2026年5月27日です。
これは画像専用の DOM 解析ツールではありません。強みはダウンロードキューにあり、再利用可能なフィルタ、整理された一括処理、多数のリンクファイルを成熟した方法で扱える点にあります。
最適な用途: すでに欲しいリンク先アセットが分かっていて、安定した一括ダウンロードが必要な Firefox ユーザー。
注意点: JavaScript や CSS の背後に隠れた画像、あるいは元解像度への別リンクは、専用の画像抽出ツールほど見つけられない場合があります。
7. Browser DevTools：インストール不要で原因を突き止める方法
Chrome 標準の Network panel は、一括ダウンローダーとしては使いやすくありません。ですが、「ブラウザが実際に読み込んだ画像ファイルはどれか？」を最も正確に確認できる方法です。
DevTools で元画像を見つける方法
- DevTools を開き、Network を選ぶ。
- リクエストを Img で絞り込む。
- ページを再読み込みし、遅延読み込み画像が出るまでスクロールまたは操作する。
- 対象リクエストを選び、URL、コンテンツタイプ、寸法を確認する。
- リクエストを新しいタブで開き、ファイルを保存する。
これにより、CSS背景、レスポンシブ候補、ページの右クリックメニューでは見えない高解像度 CDN ファイルが見つかることがよくあります。
最適な用途: 1つだけ見つからないアセット、技術的な原因調査、どのレスポンシブ版が読み込まれたかの確認。
注意点: 複数ファイルの処理には時間がかかり、一覧表の作成やページ情報の保持も自動では行われません。
ファイル、URL、構造化メタデータの違い
ツールを選ぶ前に、最終的に何を納品したいのかを明確にしましょう。
- ファイルだけ: ムードボード、オフライン確認、単発のクリエイティブ収集に向いています。
- 画像URL: 移行スクリプト、監査、重複排除に便利です。
- 構造化レコード: 画像を商品、記事、価格、alt テキスト、カテゴリ、元ページと結びつけておきたい場合に最適です。
3つ目の出力形式は、よくある運用上の問題を防ぎます。つまり、後から誰も元ページや元アイテムを確実にたどれない、アセットだけが詰まったフォルダになってしまう問題です。
実践的な品質チェックの流れ
どのツールを使っても、基本の品質チェックは同じです。
- 遅延読み込みを発火させる。 ページ全体を読み終わったと思い込む前に、スクロールや操作を行います。
- 意味のある最大サイズを優先する。 サムネイルを保存する前に、
srcset、元リンク、CDN パラメータを確認します。 - 不要なノイズを除外する。 サイズが極端に小さいもの、アイコン、バッジ、ロゴ、トラッキング系パスなど、無関係なものは外します。
- プレースホルダーや重ね表示を確認する。 透明ピクセル、ローディング用スケルトン、スプライト、ウォーターマークは一括処理を汚しがちです。
- 証跡を残す。 各ファイルに、元ページURLと元アセットURLを一緒に保存します。
- 重複排除する。 正規化したURLやファイルハッシュを比較し、同じクリエイティブの5サイズを5つの「別物」にしないようにします。
- 形式変換は最後に行う。 WebP や AVIF を別形式に変換する前に、元データを必ず残します。
アセットをダウンロードしただけでは再利用権が得られるわけではありません。再公開する前に、想定している用途が許可されているか確認してください。
どの無料画像抽出ツールを選ぶべき？
- ページをまたいで作業し、構造化メタデータとソースの追跡性が必要なら Thunderbit。
- 洗練された、最新の単一ページ Chrome ワークフローなら Imageye。
- ECのグルーピング、フィルタ、リネームが重要なら Fatkun。
- 動的読み込みでシンプルなスキャナーが通用しないなら ImageAssistant。
- インストール不要の Web アプリが便利なら ExtractPics。
- Firefox のダウンロードキューと再利用可能なフィルタを重視するなら DownThemAll。
- 1つの元ファイルを確実に特定したいなら DevTools。
よくあるミス
表示中のサムネイルをそのまま保存する。 ブラウザは圧縮版を表示していて、srcset やネットワークリクエストにはもっと大きいファイルがあることがあります。
ページの読み込み完了前にダウンロードする。 無限スクロールや遅延読み込みのギャラリーでは、操作が必要です。
拡張子だけで絞り込む。 最新の CDN は、一般的な .jpg 拡張子のないURLで画像を返すことがあります。
重複を無視する。 同じ元画像が、複数の解像度、切り抜き、クエリ文字列違いで出てくることがあります。
元ページを失う。 ソース台帳のないファイル群は、後で監査、更新、商品との紐づけが難しくなります。
すべての Chrome 拡張機能が継続保守されていると思い込む。 チームの標準ワークフローに採用する前に、公式ストアの現在のバージョンと更新日を確認しましょう。
FAQ
いちばん簡単な無料画像抽出ツールはどれですか？
Chrome で公開ページを1枚だけ扱うなら、Imageye が手軽な出発点です。複数ページのカタログや、URL・メタデータ付きの一覧が必要なら、Thunderbit のほうが実用的な出力になります。
サムネイルではなく元画像をダウンロードするには？
srcset、画像リンク、ブラウザのネットワークリクエストを確認してください。ページ上の表示だけを信じず、意味のある最大サイズを選び、寸法をチェックするのが大切です。
画像抽出ツールは CSS の背景画像も見つけられますか？
ツールによっては可能です。ExtractPics のようなブラウザエンジン系ツールはその一例です。Chrome DevTools の Network パネルも、ブラウザが実際に送った画像リクエストを表示するので、信頼できる代替手段になります。
複数の商品ページから一度に画像を抽出できますか？
はい。ページネーションやサブページ抽出に対応した構造化ツールを使えば、各画像を商品名、SKU、元URL、その他の項目と結びつけたまま扱えます。タブごとに保存する拡張機能は、この規模になるとかなり遅くなります。
無限スクロールページで画像抽出ツールが画像を見逃すのはなぜですか？
それらのアセットは、ユーザーがスクロールするかリクエストを発生させるまで、ページ上に存在しないことがあります。まずページを最後までスクロールする、動的読み込み対応のツールを使う、あるいはブラウザ描画ベースのワークフローで抽出してください。
最良の無料画像抽出ツールは、最も大量のファイルを返すものではありません。必要なアセットを、適切な解像度で、しかも十分な文脈付きで返してくれるツールです。
さらに詳しく
