画像の抽出は任意のウェブページをスキャンし、すべての画像をブラウズ可能なギャラリーとして表示します。すべての画像のサムネイル、元のサイズ、ファイルサイズ、ソース URL を確認してから、個別に選択したり、一括でダウンロードしたりできます。img タグ、CSS の background-image プロパティ、picture/source 要素、インラインの data URI からの画像を検出します。
ウェブページの画像を 1 枚ずつ保存する作業（右クリック→「名前を付けて画像を保存」→フォルダを選択→繰り返し）は、ページに何十枚もの画像があると非常に手間がかかります。さらに通常の img タグにしか使えません。CSS の background-image、レスポンシブな picture 要素、data URI 画像はこの方法では保存できません。画像の抽出はページ全体の DOM と計算済みスタイルをスキャンし、実装方法を問わずすべての画像を検出してクリーンなギャラリーパネルに表示することでこれらの問題を解決します。各画像にはサムネイルプレビュー、元のサイズ（幅×高さ）、ファイル形式、おおよそのファイルサイズ、ソース URL が表示されます。個別に選択してダウンロードすることも、「すべてダウンロード」で一括取得することもできます。サイズフィルターを使えばトラッキングピクセルやファビコンなどの小さな画像を除外し、コンテンツに関連する画像だけを表示できます。
ページ上のすべての画像がサムネイルプレビュー付きのグリッドギャラリーに表示されます。8 枚、20 枚、100 枚以上の画像を一覧で確認し、スクロールして必要なものを見つけられます。各サムネイルは画像の内容を識別できる十分な大きさで表示されます。
各画像の元のサイズ（例：1920×1080）、ファイル形式（PNG、JPG、WebP、SVG）、おおよそのファイルサイズ（例：245 KB）、ソース URL または CSS プロパティが表示されます。画像の品質やサイズについて推測する必要はありません。
最小サイズの閾値（例：100×100）を設定して、トラッキングピクセル、スペーサー GIF、ファビコンなどの小さな画像を除外できます。実際に必要なコンテンツ画像に絞り込めます。
個別の画像をクリックして選択（紫色のチェックマークで表示）し、選択した画像だけをダウンロードできます。または「すべてダウンロード」をクリックしてページ上のすべての画像を 1 アクションで保存できます。
標準の img タグ、CSS の background-image プロパティ、picture/source レスポンシブ要素、画像としてレンダリングされたインライン SVG、data URI エンコード画像など、あらゆるソースから画像を検出します。見落としは一切ありません。
ステータスバーに選択中の画像数と選択ファイルの合計サイズが表示されます。ダウンロードボタンを押す前に、これからダウンロードするデータ量を正確に把握できます。
カタログページのすべての商品画像が必要ですか？画像の抽出はレスポンシブバリアントや右クリックで保存できない CSS background のヒーロー画像を含む、すべての画像を一度に検出してダウンロードします。
ムードボードを作成したり、デザインのインスピレーションサイトからビジュアルリファレンスを集めたりしていますか？画像ギャラリーを閲覧して必要なものを選択し、1 枚ずつ保存する代わりに一括でダウンロードできます。
ページ上のすべての画像を確認して、過大なファイルサイズ、WebP 代替の欠如、未使用の background-image を洗い出せます。サイズとファイルサイズの情報により、最適化が必要な画像を特定できます。
オフライン参照用にページを保存しますか？すべての画像を抽出することで、HTML と合わせて完全なビジュアルコンテンツを手元に残せます。ドキュメント、デザインリファレンス、変更または削除される可能性のあるページのアーカイブに役立ちます。
多くの現代的なサイトはヒーローセクション、カードの背景、装飾的な要素に CSS の background-image を使用しています。これらの画像は右クリックでは保存できません。画像の抽出は通常の img 要素と並んでこれらを検出し、ダウンロードできるようにします。
DevSuite Pro のフローティングドックを開き、画像の抽出アイコンをクリックします。ツールがページの DOM と計算済みスタイルをスキャンして、すべての画像を検索します。
ギャラリーパネルに検出されたすべての画像がサムネイルグリッドとして表示されます。各画像にはファイル名、サイズ、ファイルサイズが表示されます。スクロールしてページ上のすべての画像を閲覧できます。
最小サイズフィルターを使用してアイコンやトラッキングピクセルなどの小さな画像を非表示にします。100×100 に設定するとコンテンツに関連する画像だけが表示されます。
画像を個別にクリックして選択します。紫色のチェックマークが表示されます。ステータスバーの選択数と合計サイズが更新されます。
「選択した画像をダウンロード」をクリックして選択した画像を保存するか、「すべてダウンロード」をクリックしてページ上のすべての画像を取得します。ファイルはデバイスのダウンロードフォルダに保存されます。
DevSuite Pro を無料でインストールして、ブラウザで 39 以上の開発者ツールを利用しましょう。
