CARTOMATON

9 janvier 2010

Récupération pirate d’images de « Pipols » sur le site internet d’un magazine potins

Filed under: Uncategorized — cartomaton @ 20:35

Le potin Pipol suivant, vu sur le site Voici, l'actualité potin des pipols

Joey Starr est sorti de prison

m’a donné l’envie de baffer médiatiquement ce sinistre sire avec un bon cartomaton, mais pour faire un bon cartomaton il faut une image de bonne taille, plus grande que celle ci-dessus.

Le site Voici, l'actualité potin des pipols a développé un système assez astucieux de protection de ses images haute résolution de « Pipols », afin qu’on ne les lui pirate pas (trop).

Le principe est le suivant (je prends pour l’exemple un potin sur Marion Cotillard, plus agréable à regarder que l’autre gueule d’emmental rappeur) :

– L’image est affichée en petit format, maximum 440×365, avec au bas l’instruction « survolez la photo pour zoomer »

image affichée en petit format, maximum 440x365, avec au bas l'instruction : survolez la photo pour zoomer

– En passant le curseur de la souris sur l’image dans la fenêtre, on provoque un zoom comme si on tenait une loupe :

image affichée en petit format, maximum 440x365, avec zoom local

Reconstituer la photo grand format à partir de copies d’écran de ces petites zones de zoom serait possible mais particulièrement laborieux :

reconstitution d'image

Toutefois, pour afficher la partie zoomée, il faut disposer de l’image grand format, et celle çi est plus que probablement stockée sur le même serveur, dans un quelconque répertoire, à un format probablement standard.
Si donc on arrive à trouver l’URL complet de l’image grand format (= le répertoire dans lequel est l’image et le nom complet du fichier de l’image), alors il suffira de copier-coller cet URL dans la barre adresse du navigateur pour que l’image grand format s’affiche, plein écran, comme par enchantement.

Oui mais… comment trouver ces informations ?
Une page internet, ce n’est pas de la magie, ce sont des instructions informatiques, sous forme de texte, lisible (on appelle cela le code source). Il suffit donc de lire le code source, et de tâcher de répérer dans la jungle des instructions celles qui nous intéressent.

N’importe quel internaute (vous, par exemple) peut afficher le code source de (presque…) n’importe quelle page internet, il suffit de cliquer à droite n’importe où dans la page (en dehors des zones actives particulières) et de choisir l’option « Code source de la page » (ou équivalent, selon votre navigateur).
Cela vous ouvre un traitement de texte où vous pouvez lire des trucs absolument incompréhensibles dans le genre suivant :


<!DOCTYPE html PUBLIC « -//W3C//DTD XHTML 1.0 Transitional//EN » « http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd »&gt;
<html xmlns= »http://www.w3.org/1999/xhtml &raquo; xml:lang= »fr-FR » lang= »fr-FR »>
<head>
<title>Joey Starr est sorti de prison ce matin – Voici</title>
<meta http-equiv= »Content-Type » content= »text/html; charset=utf-8″ />
<meta http-equiv= »Content-language » content= »fr-FR » />

Il suffit de connaître un minimum le langage HTML (qui est, à la base, très simple : c’est quasiment de l’anglais courant) et d’avoir un tout petit peu de pratique dans les techniques basiques de piratage élémentaires, pour dénicher ce que l’on cherche.

Dans le cas d’une tronche de cake de rappeur comme celle du Joey sans plaque sur Hollywood Boulevard, on repère ça :

param name=movie value=/extension/voi/design/voi/images/loupe_365.swf?imgBig=/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/joey–starr/5661046-1-fre-FR/joey-starr_loupe_grand.gif&imgSmall=/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/joey-starr/5661046-1-fre-FR/joey-starr_loupe_petit2.gif

Ca ne vous « parle » sans doute pas mais en mettant en gras et en rouge les éléments clefs, vous allez comprendre :

param name=movie value=/extension/voi/design/voi/images/loupe_365.swf?imgBig=/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/joey–starr/5661046-1-fre-FR/joey-starr_loupe_grand.gif&imgSmall=/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/joey-starr/5661046-1-fre-FR/joey-starr_loupe_petit2.gif

L’abréviation « img » veut souvent dire IMAGE, en anglais « Big » veut dire GRAND(E) et « Small » veut dire PETIT(E), donc en mettant en plus en gras et en vert les éléments clefs de vocabulaire anglais, vous allez encore mieux comprendre :

param name=movie value=/extension/voi/design/voi/images/loupe_365.swf?imgBig=/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/joey–starr/5661046-1-fre-FR/joey-starr_loupe_grand.gif&imgSmall=/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/joey-starr/5661046-1-fre-FR/joey-starr_loupe_petit2.gif

Si on traduit ce fatras en français, ça nous donne :

Les deux images/ entre lesquelles on fait un effet de loupe sont
l’image Grande joey-starr_loupe_grand.gif et l’image Petite joey-starr_loupe_petit2.gif

Avouez que, finalement, ce n’est pas très compliqué…
Mais pour un néophyte en HTML, soit 99,999999% des internautes (dont vous ne faites désormais plus parti), c’est incompréhensible et donc la protection mise en place par ce magazine est largement suffisante.

Nous n’avons toutefois pas encore réussi à afficher l’image de la tête à claque, mais cela ne saurait tarder, il n’y a plus qu’un pas, que nous allons maintenant faire.

L’instruction HTML complète pour la grande image du rappeur taulard (celle qui nous intéresse) est :

imgBig=/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/
joey-starr/5661046-1-fre-FR/joey-starr_loupe_grand.gif

L’URL de l’image grand format est donc :

/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/
joey-starr/5661046-1-fre-FR/joey-starr_loupe_grand.gif

sauf que, non, ce n’est pas un URL, parce qu’un URL débute par http:// ou bien un nom de domaine http://www.domaine.com (qui peut parfois s’abréger en domaine.com).
Là, il « suffit » de savoir que lorsqu’il manque un début d’URL dans une page HTML c’est que ce début est commun à tous les URL de la page, le plus souvent c’est tout simplement le nom du serveur, ici en l’occurrence http://www.voici.fr, ce qui fait que l’URL complet doit être :

http://www.voici.fr/var/voi/storage/images/media/images/les-potins-du-jour/potins-8-janvier-2010/joey-starr/5661046-1-fre-FR/joey-starr_loupe_grand.gif

donc on copie-colle cet URL dans la barre adresse d’un nouveau navigateur ouvert pour l’occasion et… BINGO, le baffeur de macaques s’affiche en grand !

En résumé, pour récupérer une image grand format à partir d’un potin sur le site internet de Voici, l'actualité potin des pipols :

  1. Afficher le code source
  2. Chercher la séquence swf?imgBig=
  3. Copier-coller l’URL qui suit, jusqu’à la fin de l’extension du format image (jpg, png, bmp, gif…)
  4. Rajouter http://www.voici.fr en début
  5. Copier-coller l’URL complète dans la barre adresse d’un nouveau navigateur.

Pour les travaux pratiques, consulter http://www.voici.fr/potins-people/les-potins-du-jour et cliquer sur un potin.

Pour vous récompenser d’avoir lu jusqu’ici, cliquer dans la petite image ci-dessous pour afficher l’image grand format de la jolie Marion Cotillard :

image affichée en petit format, cliquer pour l'afficher en grand

Ah, au fait, pour le cartomaton dans les dents du Joey, finalement… il ne vaut pas le timbre.

Note : certains liens http:// ont été désactivés volontairement (pour des raisons techniques qui sortent du cadre de cet article) et certains ne sont pas copiables (pour des contraintes de présentation). Pour visiter les liens copiables, les copier-coller dans la barre adresse de votre navigateur

Laisser un commentaire »

Aucun commentaire pour l’instant.

RSS feed for comments on this post. TrackBack URI

Laisser un commentaire

Entrez vos coordonnées ci-dessous ou cliquez sur une icône pour vous connecter:

Logo WordPress.com

Vous commentez à l'aide de votre compte WordPress.com. Déconnexion / Changer )

Image Twitter

Vous commentez à l'aide de votre compte Twitter. Déconnexion / Changer )

Photo Facebook

Vous commentez à l'aide de votre compte Facebook. Déconnexion / Changer )

Photo Google+

Vous commentez à l'aide de votre compte Google+. Déconnexion / Changer )

Connexion à %s

Propulsé par WordPress.com.