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

始める前に適切な方法を選ぶ

すべてのページに合う方法はありません。表示中の画像を1枚だけ保存するなら右クリックで十分です。CSS背景画像や特定のネットワークリクエストを調べるなら、ブラウザのデベロッパーツールが役立ちます。多数のファイルをプレビューしながら選びたい場合は、専用の拡張機能が現実的です。

予想より多くの画像が表示される理由

現在のWebサイトではレスポンシブ画像のマークアップが使われています。同じ写真が、小さなカード画像、中サイズのプレビュー、大きなデスクトップ用画像として読み込まれることがあります。遅延読み込みでは、スクロールするまで追加ファイルが取得されません。CSS背景画像、プレースホルダー、プロフィール画像、操作画面のグラフィックも結果を増やします。

まず画像サイズを目安にしますが、それだけで判断しないでください。横長のバナーと商品写真のファイルサイズが近い場合もあります。プレビューを見て、収集対象のコンテンツに本当に属する画像か確認しましょう。

ページからフォルダまでを整然と進める手順

1. ページが完全に読み込まれるまで待ちます。
   ギャラリーや長いページをスクロールし、確認したい画像をブラウザに読み込ませます。
2. スキャンを実行します。
   Image Downloader Proを開き、現在ブラウザで利用できる素材を収集します。
3. 明らかに不要なものを除きます。
   小さすぎる画像、不要な形式、アイコン、重複する別サイズを絞り込みます。
4. 残ったプレビューを確認します。
   被写体、トリミング、解像度、目的のセクションに属するファイルかを確かめます。
5. 必要なものだけをダウンロードします。
   必要なファイルだけを保存し、調査メモには出典URLも残します。

用途に合う最高画質を選ぶ方法

最大のファイルが必ず最適とは限りません。大きすぎる背景画像、未圧縮の素材、用途に合わないトリミング画像かもしれません。ピクセル寸法、アスペクト比、見た目の鮮明さ、形式を比較してください。

編集目的の調査なら、中サイズのプレビューで足りることもあります。許可を得たデザイン制作では、すべての別サイズを保存せず、必要十分な解像度の画像を選びます。サイトから小さな画像しかブラウザに届いていない場合、拡張機能が未配信の大きな元画像を作り出すことはできません。

見つからない画像や特殊な画像の対処法

必要な画像が見つからない場合は、その画像までスクロールする、ギャラリーの該当スライドを開く、ページの描画が終わるまで待つ、という操作をしてから再度スキャンします。iframe内の画像は別の文書に属する場合があります。Canvas描画や保護されたストリームは、通常の画像ファイルとして存在しないことがあります。

アクセス制御、非公開領域、サイトの制限を回避する目的でダウンローダーを使わないでください。正当にアクセスして利用できるコンテンツだけを扱いましょう。