Extracteur d'images de site web

Pourquoi lister les images d’une page

Faire un clic droit sur une image et l’enregistrer, tout le monde sait le faire. L’intérêt d’un extracteur commence quand la page en contient soixante, quand certaines ne s’affichent qu’après défilement, ou quand vous cherchez autre chose que le fichier lui-même.

Les cas d’usage réels tournent autour de quatre situations. L’audit d’accessibilité, pour repérer les images dépourvues de texte alternatif. L’audit de performance, pour identifier les formats obsolètes et les visuels surdimensionnés qui alourdissent le chargement. L’inventaire avant refonte, quand il faut savoir combien de visuels un site contient et sous quels formats. Et la récupération de vos propres médias, quand vous avez perdu l’accès à un ancien site ou que vous migrez sans sauvegarde.

Ce que l’outil récupère

Une page web ne charge pas ses images d’une seule manière, et c’est ce qui rend un simple clic droit insuffisant. L’extracteur analyse cinq sources distinctes.

• Les balises image classiques, en privilégiant la plus grande source déclarée. C’est un point important : une balise moderne déclare plusieurs tailles dans un attribut srcset, et l’outil retient la version la plus large, presque toujours l’originale non redimensionnée ;
• Les balises source des éléments picture, utilisées pour servir des formats modernes aux navigateurs qui les acceptent ;
• Les attributs de chargement différé, qui contiennent la véritable adresse de l’image tant que le visiteur n’a pas fait défiler la page ;
• Les images de fond déclarées en style, qui portent souvent les visuels de bandeau et échappent totalement au clic droit ;
• Les images de partage social et l’icône du site, déclarées dans l’en-tête.

Les pixels de suivi sont écartés automatiquement. Un traceur d’audience se déclare comme une image, et sans filtrage il se retrouverait dans votre inventaire au milieu des vrais visuels.

Le texte alternatif, l’information la plus utile du résultat

Chaque image est affichée avec son attribut alt quand il existe, et signalée en orange quand il manque. Le compteur en haut de page vous donne directement le nombre d’images concernées.

Cet attribut remplit deux fonctions qui n’ont rien à voir l’une avec l’autre. Pour un utilisateur de lecteur d’écran, c’est la seule façon de savoir ce que montre l’image. Une image informative sans alt est un trou dans la page. Le référentiel général d’amélioration de l’accessibilité en fait un critère de premier niveau, et la directive européenne sur l’accessibilité, applicable depuis juin 2025 à de nombreux services en ligne, en renforce la portée juridique.

Pour un moteur de recherche, l’alt est l’un des rares signaux qui décrivent le contenu d’une image. C’est ce qui détermine son positionnement dans la recherche d’images, un canal d’acquisition largement sous-exploité sur les sites français.

Une nuance qui évite un contresens fréquent : une image purement décorative doit avoir un alt vide, pas un alt absent, et pas un alt qui décrit la décoration. L’outil ne peut pas distinguer les deux cas, c’est à vous de trancher image par image. Mais il vous donne la liste sur laquelle travailler.

Les formats, et ce qu’ils révèlent

Le résultat se filtre par format, avec le décompte pour chacun. Ce simple chiffre en dit long sur l’état technique d’un site.

Une majorité de JPEG et de PNG sur un site récent indique que la chaîne de production d’images n’a pas été modernisée. Le format WebP réduit le poids d’environ trente pour cent à qualité équivalente, et l’AVIF va plus loin encore. Les deux sont pris en charge par tous les navigateurs actuels.

Une majorité de SVG sur les éléments d’interface est au contraire bon signe : pictogrammes et logos vectoriels restent nets à toute résolution pour un poids minime.

Un grand nombre de PNG lourds pour des photographies révèle une erreur classique. Le PNG est fait pour les aplats et la transparence, pas pour les images photographiques, où il produit des fichiers plusieurs fois plus lourds qu’un JPEG de qualité équivalente.

Les limites, qu’il vaut mieux connaître

L’outil lit le code HTML renvoyé par le serveur. Il voit donc tout ce qui est présent dans la page telle qu’elle est livrée, mais il ne voit pas ce qu’un script ajoute après coup dans le navigateur.

Deux conséquences pratiques. Sur une application construite entièrement en JavaScript, le résultat sera pauvre ou vide, parce que la page livrée ne contient presque rien. Sur un carrousel ou une galerie qui charge ses visuels à la demande, seules les premières images apparaîtront.

Une troisième limite tient aux protections. Certains sites bloquent les requêtes automatisées, d’autres refusent l’affichage de leurs images depuis un domaine tiers. Dans ce dernier cas, l’adresse est bien récupérée et le lien fonctionne, mais l’aperçu reste vide dans la grille.

Ce que vous avez le droit de faire des images trouvées

Le point mérite d’être posé sans détour. Une image accessible publiquement n’est pas une image libre de droits. La mise en ligne ne vaut pas renonciation au droit d’auteur, et le fait qu’un fichier soit techniquement téléchargeable ne dit rien sur ce que vous pouvez en faire.

Reprendre une photographie, une illustration ou un visuel de marque sans autorisation expose à une action en contrefaçon, y compris pour un usage interne ou sur un support qui ne génère aucun revenu. Les banques d’images pratiquent d’ailleurs une surveillance automatisée du web et adressent régulièrement des demandes de régularisation.

Les usages sans difficulté sont ceux qui ne consistent pas à réutiliser l’œuvre : l’audit technique, le contrôle d’accessibilité, l’inventaire d’un site dont vous êtes propriétaire, la récupération de vos propres médias. Pour tout le reste, la licence se vérifie auprès du site ou de l’auteur, avant l’usage et non après.

Comment s’en servir efficacement

Pour un audit d’accessibilité, lancez l’extraction sur vos pages les plus visitées, filtrez sur « sans alt » et traitez la liste. Vous couvrirez l’essentiel du problème en une heure.

Pour un audit de performance, regardez d’abord la répartition des formats. Si le JPEG et le PNG dominent, la conversion vers WebP est le chantier au meilleur rapport effort sur gain.

Pour une refonte, passez les principaux gabarits du site : accueil, page de catégorie, page de contenu, fiche produit. Vous obtiendrez rapidement une estimation du volume de visuels à reprendre, information que personne n’a jamais sous la main au moment de chiffrer un projet.