Enregistrer n’importe quelle image d’une page web avec Firefox et Firebug

Pour fabriquer les vignettes des articles de 65bits.com je récupère souvent des images que je trouve sur le site web du produit que je passe en revue. Parfois il est impossible de récupérer une image d’un simple clique droit/enregistrer l’image. Cela arrive quand les images sont décrites dans le fichier de style CSS et pas dans la page web elle-même…

Grâce à l’extension Firebug pour Firefox vous allez pouvoir récupérer n’importe quelle image en 3 cliques.

Une fois que vous avez installé Firebug, rendez-vous sur la page web où vous souhaiter extraire une image, et activez Firebug en cliquant sur le petit cafard en bas de la fenêtre FireFox:

Pour mon exemple, je me rends sur la page web de Postbox qui contient une image qui n’est pas accessible directement:

Comme vous le voyez sur cette copie d’écran, en cliquant sur l’image qui m’intéresse (carré rouge) je n’ai pas l’option « enregistrer l’image… » dans le menu popup.

Maintenant, avec le panneau Firebug ouvert, cliquez sur le bouton « inspecteur » encadré en rouge dans cette image :

Une fois l’inspecteur en marche, cliquez sur l’image qui vous intéresse et vous verrez s’afficher les caractéristiques CSS de l’image dans le panneau « Style » de Firebug (à droite) :

Il ne vous reste plus qu’à faire un clique droit sur l’adresse de l’image dans le panneau Style pour accéder au menu « Open Image in New Tab »:

Une fois l’image ouverte, faites un dernier clique droit pour pouvoir l’enregistrer sur votre disque dur:

  1. C’est exactement ce que je cherchais. t’en a d’autre des trucs comme ca svp ?merci

    Répondre

  2. Je n’y arrive pas.
    Dans le context menu, il me manque tes 2 1ers boutons (copy image location, open in new tab).

    Répondre

    1. C’est ok j’ai trouvé…

      Répondre

    2. Carlos Matias 09/10/2010 at 07:38

      Salut Philippe.
      Parfois, l’image que l’on veut capturer est dans l’html (à gauche) et pas dans les styles CSS (à droite).
      A+

      Répondre

  3. Lorsque je n’arrive pas à télécharger directement une image sous Firefox, je vais voir dans Outils/Informations-sur-la-page puis dans l’onglet Médias je fais défiler la liste des composants de la page et souvent je trouve ici la photo que je veux enregistrer.

    Ouf, c’était une longue phrase, je reprends mon souffle.

    A plus tard…

    Répondre

    1. Carlos Matias 27/11/2010 at 20:53

      Salut Syl20.
      C’est une bonne idée. Et en effet j’utilisais cette fonction il y a plusieurs version de Firefox de ça et à cette époque la fenêtre Media n’était pas redimensionnable et elle était un peu petite à mon goût. Mais tu as raison, maintenant qu’il n’y a plus cette contrainte, je vais peut-être utiliser à nouveau cette méthode. Merci.

      Répondre

Leave a reply

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *