Extract Images analyse n'importe quelle page web et présente toutes les images dans une galerie navigable. Consultez les miniatures, les dimensions originales, les tailles de fichier et les URL sources de chaque image — puis sélectionnez des images individuelles ou téléchargez-les toutes en une seule action. Détecte les images provenant des balises img, des propriétés CSS background-image, des éléments picture/source et des data URI inline.
Enregistrer les images d'une page web une par une — clic droit, « Enregistrer l'image sous », choisir le dossier, recommencer — est extrêmement lent quand une page contient des dizaines d'images. Et cette méthode ne fonctionne que pour les balises img classiques. Les images CSS background, les éléments picture adaptatifs et les images data URI ne peuvent pas être enregistrées de cette façon. Extract Images résout ce problème en analysant l'intégralité du DOM de la page et les styles calculés, en trouvant chaque image quelle que soit sa méthode d'intégration, et en les présentant toutes dans un panneau de galerie épuré. Chaque image affiche un aperçu miniature, ses dimensions originales (largeur × hauteur), son format de fichier, sa taille approximative et son URL source. Vous pouvez sélectionner des images individuelles à télécharger, ou utiliser « Tout télécharger » pour tout récupérer en une seule action. Un filtre de taille permet d'exclure les pixels de suivi et les favicons afin de n'afficher que les images pertinentes pour le contenu.
Toutes les images de la page sont affichées dans une galerie en grille avec des aperçus miniatures. Visualisez 8, 20 ou plus de 100 images d'un coup d'œil — faites défiler pour trouver exactement ce dont vous avez besoin. Chaque miniature est suffisamment grande pour identifier le contenu de l'image.
Chaque image affiche ses dimensions originales (ex. : 1920×1080), son format de fichier (PNG, JPG, WebP, SVG), sa taille approximative (ex. : 245 Ko) et l'URL source ou la propriété CSS dont elle provient. Plus de doute sur la qualité ou la taille de l'image.
Définissez un seuil de dimension minimale (ex. : 100×100) pour exclure les petites images comme les pixels de suivi, les GIF espaces et les favicons. Concentrez-vous sur les images de contenu qui comptent vraiment.
Cliquez sur des images individuelles pour les sélectionner (indiquées par une coche violette), puis téléchargez uniquement les images sélectionnées. Ou cliquez sur « Tout télécharger » pour enregistrer toutes les images de la page sur votre appareil en une seule action.
Trouve les images provenant de toutes les sources : balises img standard, propriétés CSS background-image, éléments adaptatifs picture/source, SVG inline rendus comme images, et images encodées en data URI. Rien n'est manqué.
Une barre de statut indique le nombre d'images sélectionnées et la taille totale des fichiers de la sélection. Sachez exactement ce que vous êtes sur le point de télécharger avant de cliquer sur le bouton de téléchargement.
Besoin de toutes les images produits d'une page catalogue ? Extract Images les trouve et les télécharge toutes en une seule action — y compris les variantes adaptatives et les images hero CSS background-image que vous ne pouvez pas enregistrer par clic droit.
Vous créez un moodboard ou collectez des références visuelles depuis des sites d'inspiration en design ? Parcourez la galerie d'images, sélectionnez celles que vous souhaitez, et téléchargez-les en un seul lot au lieu de les enregistrer une par une.
Passez en revue toutes les images de votre page pour détecter les fichiers trop volumineux, les alternatives WebP manquantes ou les background images inutilisées. Les dimensions et tailles de fichier aident à identifier les images à optimiser.
Vous sauvegardez une page pour consultation hors ligne ? Extrayez toutes les images afin de disposer du contenu visuel complet aux côtés du HTML. Utile pour archiver de la documentation, des références de conception ou des pages susceptibles d'évoluer ou de disparaître.
De nombreux sites modernes utilisent CSS background-image pour les sections hero, les arrière-plans de cartes et les éléments décoratifs. Ces images ne peuvent pas être enregistrées par clic droit. Extract Images les détecte et les télécharge aux côtés des éléments img classiques.
Ouvrez le dock flottant DevSuite Pro et cliquez sur l'icône Extract Images. L'outil analyse le DOM de la page et les styles calculés pour trouver chaque image.
Un panneau de galerie affiche toutes les images trouvées sous forme de grille de miniatures. Chaque image indique son nom de fichier, ses dimensions et sa taille. Faites défiler pour parcourir toutes les images de la page.
Utilisez le filtre de taille minimale pour masquer les petites images comme les icônes et les pixels de suivi. Réglez sur 100×100 pour n'afficher que les images pertinentes pour le contenu.
Cliquez sur des images individuelles pour les sélectionner — une coche violette apparaît. La barre de statut se met à jour avec le nombre et la taille totale de votre sélection.
Cliquez sur « Télécharger la sélection » pour enregistrer les images choisies, ou « Tout télécharger » pour récupérer toutes les images de la page. Les fichiers sont enregistrés dans le dossier de téléchargements de votre appareil.
Installez DevSuite Pro gratuitement et débloquez plus de 39 outils de développement pour votre navigateur.
