個人で画像コレクションを整備するときはまず「download 画像 from website」の作業意図を明確にしましょう。ここでは、ブラウザで表示される画像を安定して検出し、選別し、整理してローカルライブラリに保存するための実務ワークフローを画像 Downloader Proを使って説明します。 この手順ではImage Downloader Proを使用します。
検出フェーズ - スキャナーが見ているものを理解する
画像 Downloader Proはブラウザが実際に読み込む画像を探します。これは表示中の IMG タグ、スクロール後に遅延読み込みで現れる画像、多くの背景画像などが含まれます。サーバー側にのみ存在する非表示資産や、ユーザー認証でページが読み込まない画像は検出できません。
スキャン時に確認すべきページ挙動：
- 無限スクロールやユーザー操作で読み込まれるメディア - スクロールや操作を実行してから再スキャンする。
- カルーセルやギャラリーで IMG の src を差し替える場合 - 表示中の画像を確認し、別ページのギャラリーは Mass Scan を検討する。
- レスポンシブ配信で複数サイズが提供される場合 - スキャナーは複数解像度を検出できる。最適版トグルでピクセル数の多いものを選ぶ。
絞り込みとプレビューで残す画像を決める
すべてを保存するのではなく、必要なものだけに絞り込むのがコレクターの近道です。ポップアップやダッシュボードで使える主なフィルター：
- 最小幅・最小高さでサムネイルや小画像を除外する。
- ファイルタイプで JPG、PNG、WEBP などを指定する。
- 横長・縦長の向きで収集対象を絞る。
プレビューで原画像を確認し、トリミングや透かし、画面要素の重なりがないかをチェックします。拡張機能はファイルサイズとピクセル数を表示するので、可能ならフル解像度のオリジナルを優先しましょう。
実務的な判断ルール - 3つの質問
スキャン毎に次の問いを自分に投げてください：
- これはサムネイルかフルサイズか。サムネイルなら最適版を探すかスキップする。
- 画像にUIや透かしが写っているか。写っている場合はラベルを付け、管理フォルダに分ける。
- 後でファイル名から情報が必要か。必要ならリネーム用トークンの方針を決める（domain、originalfilename、dimensions、index など）。
補足: ZIP 書き出しはダウンロードしたファイルを source-site フォルダ内に入れ、別ファイルの CSV を生成します。CSV は ZIP に自動で埋め込まれないため、メタデータを頼る場合は ZIP と同じ場所に CSV を保管してください。
リネームとダウンロード先ルール
ダウンロード前にファイル名ルールを決めておくと後処理が楽になります。画像 Downloader Pro のリネームは、domain、original filename、dimensions、index、日付などのトークンに対応します。例: domain-originalfilename-1920x1080 のような構成は読みやすく情報を残せます。
ダウンロードルールはブラウザの Downloads フォルダ内にサブフォルダを作るルーティングを設定できます。たとえば domain=example.com のルールでそのドメイン名フォルダに振り分ける、といった運用が可能です。ただしこれは ZIP 内の任意階層を生成する機能とは異なります。
重複検出と類似画像の扱い
同一バイト列の厳密な重複は SHA-256 ハッシュで非表示にできます。さらに視覚的類似検索で近似画像を確認し、高解像度版を残し低解像度を別保管するワークフローが実務的です。手順の一例：フィルタ→類似グループ確認→ピクセル数で並べ替え→最良版を選択。
ZIP と CSV の出力動作
エクスポート時の注意点：
- ZIP にはソースサイト用のフォルダと選択したファイルが入る。ブランド別や商品別の自動階層は作成されない。
- CSV はエクスポート画面で列を選択可能。画像 URL、original filename、renamed filename、type、dimensions、file size、page title、alt text などを含められる。ローカル名と画像の対応が必要なら renamed filename を必ず出力する。
- 変換フォーマットを選べるが、あるファイルでは変換が利用できず元のフォーマットが使われることがある。
Mass Scan と複数ページ収集
複数タブや URL リストをまとめて扱うなら Mass Scan を使います。各タブやインポートした URL を個別にスキャンして結果を統合し、レビューできます。ページ単位でライブラリの分離が必要なら、スキャンを分けて各スキャンを別フォルダにエクスポートする運用が現実的です。
ダウンロード前のチェックリスト
- スクロールやギャラリー操作後に再スキャンしたか。
- 幅・高さ・タイプのフィルタでサムネイルを除外したか。
- 複数サイズがある画像で最適版トグルを確認したか。
- 厳密な重複を非表示にし、類似グループを確認したか。
- リネームトークンとダウンロードルールを設定したか。
- 必要な CSV 列を選んでいるか。
よくある陥りどころと回避法
低解像度で保存される問題は、ギャラリーをサムネイル状態でスキャンした結果であることが多いです。高解像度の表示状態で再スキャンしてください。メタデータがないと困る場合は CSV に alt text や page title を含めるのを忘れないでください。サーバー側にしかない高解像度ファイルは拡張機能で取得できないため、サイト管理者に依頼するか、開発者ツールで配信経路を確認します。
参考ドキュメントと次の一歩
リネーム用トークン名、CSV 列、ダウンロードルールの構文は公式ドキュメントに詳しく載っています。操作手順を合わせて確認してください: Image Downloader Proドキュメント
実際に試すときは対象ページを開き、スキャン→フィルタ適用→プレビュー→リネーム設定→重複非表示→ZIP と CSV をエクスポートする一連を実行してみてください。製品ページから拡張機能を入手するにはこちら: 画像 Downloader Pro
行動提案: まず1ページで上記フローを試し、結果の ZIP と CSV を同じフォルダに保管してから次のページに進むと管理が楽になります。