On vient de voir comment on peut protéger ses photos contre la copie en interdisant le clique droit, en utilisant Flash et en apposant un watermark (filigrane). Voici une autre manière de protéger ses photos à l’aide de CSS et les images d’arrière-plan…

L’objectif ici n’est pas d’exposer une méthode infaillible de protection (qui n’existe pas) mais de donner des idées permettant de ralentir la majorité des internautes qui vont être confrontés à une situation où les méthodes classiques de récupération de l’image ne seront pas possibles.

Je fais notamment référence à la possibilité de mettre une image en arrière-plan à l’aide de CSS et la propriété :

background-image : url(image_01.png) ;

Pourquoi mettre vos photos en arrière-plan ? Cela permet de rendre impossible la commande “Click droit -> Enregistrer l’image sous…” Voici une capture réalisé sur le site de Facebook :

Comme vous pouvez le voir, il n’existe plus que la possibilité de “Enregisrer sous…” mais cela va enregistrer toute la page. Par contre, il va apparaître la possibilité de “Afficher l’image de fond“. Si vous faites cela, l’image va apparaître seule dans une nouvelle page de votre navigateur et vous serez autorisé à l’enregistrer.

Encore une fois, l’idée est de ralentir l’internaute qui ne connaîtra pas cette possibilité.

On peut pousser le vice davantage. Avec le CSS, on peut superposer deux images qui seront toutes les deux des images de fond. Voici un exemple sur Jardin Zen css :

On voit le paysage avec les fleurs de lys (premier niveau d’image d’arrière-plan) et ensuite le logo Jardin Zen CSS en alpha transparence (deuxième niveau d’arrière-plan).

Le logo Jardin Zen CSS, qui consiste en un fichier GIF transparent, permet de faire transparaître des éléments de l’arrière-plan. La capture d’écran ne permettra pas d’afficher le logo isolé. Ainsi, on ne pourra pas utiliser votre logo et on va devoir vous contacter pour obtenir une version propre (et une autorisation par la même occasion).

Encore une fois, un peu de bidouille dans la feuille de style et les adresses des images sont vite retrouvées !

background: url(zen-bg.jpg) no-repeat top left;
background: transparent url(h1.gif) no-repeat top left;

ce qui donne ces deux images :

http://www.csszengarden.com/001/h1-fr.gif
http://www.csszengarden.com/001/zen-bg.jpg

Cet article s’intéresse à la protection contre la copie de vos photos mises en ligne par interdiction du clique droit, flash et watermarking (filigrane).

La technique du clique droit et comment l’empêcher

Tout le monde connaît la combinaison magique utilisée pour enregistrer sur son ordinateur une image provenant d’Internet :
1. Clique droit
2. Enregistrer l’image sous…

Il existe des techniques permettant l’interdiction du clique droit à l’aide de JavaScript.
Vous pouvez trouver le code ici et une démonstration ici.

Cette technique existe depuis très longtemps et fonctionne parfaitement mais malheureusement elle n’est efficace que lorsqu’on est en présence d’un internaute novice ne connaissant pas d’autres techniques de récupération d’une image.

Il existe plusieurs manières de contourner l’efficacité du script. Par exemple :

1. On peut désactiver le JavaScript dans les paramètres du navigateur ;
2. Les images sont générallement enregistrées dans la mémoire cache du navigateur où on peut la retrouver et copier ;
3. On peut toujours afficher le code source de la page, retrouver le chemin d’accès à l’image et l’afficher seule dans une nouvelle fenêtre de navigation (dans notre exemple vous auriez pu extraire l’image à partir de l’adresse suivante : http://www.ticproquo.com/article_ressources/prot_photos/choucroute_crue_alsace.jpg

Enfin, il existe une technique pratiquement infaillible qui est la CAPTURE D’ÉCRAN

C’est une technique ancestrale qui consiste à enregistrer sur son ordinateur une capture de l’écran tel quel actuellement affiché.

Pour les utilisateurs de PC sous Windows, on peut l’effectuer en appuyant sur le bouton « PrtSc Sys Req » ou « Impr écran Syst » qui se situe à droite du bouton F12. Cette touche effectue une capture de l’écran entier. Ensuite, et à l’aide d’un logiciel, vous pouvez rogner, recadrer et sauvegarder l’image souhaitée. Voici une explication.

Pour les utilisateurs de Mac, obtenir une capture d’écran est facile mais il ne faut pas avoir peur des raccourcis clavier.

• Pour une capture de l’écran entier, il faut appuyer sur Pomme + MAJ. + 3 (en même temps et non successivement ;) ).
• Pour une capture d’une zone définie par l’utilisateur, il faut appuyer sur Pomme + MAJ + 4 et dessiner la zone de capture.

Ici, pas besoin de logiciel de retouche, les images sont automatiquement enregistrées sur le bureau avec des noms “image 1“, “image2“, etc.

Cerise sur le gâteau, vous pouvez effectuer une capture d’écran qui, au lieu d’apparaitre sur le bureau, va se placer dans le Presse Papier. Ainsi, vous pouvez la coller soit dans un dossier donné, soit directement à l’intérieur d’un logiciel de retouche de style Photoshop.

Voici une astuce pour comment utiliser les captures d’écran avec Windows Live Messenger pour demander de l’assistance à un ami.

Vous avez un problème, un truc s’affiche sur votre ordinateur et vous ne savez pas quoi faire avec? Vous décidez de demander à un ami sur MSN et vous commencez à lui expliquer pendant des heures… naaa.

Voici ce que vous pouvez faire pour rester simple et efficace : vous appuyez sur PrtSc ou Impr écr pour bien capter les messages affichées, vous revenez sur la fenêtre de chat et vous faites Ctrl + V (coller) et l’image est automatiquement envoyée à votre ami qui pourra mieux se rendre compte de votre problème!

Protéger vos photos à l’aide de Flash

La protection par Flash est plus efficace que celle procurée par JavaScript. Notamment les techniques mentionnées pour contourner les scripts ne fonctionneront pas.

Le flash étant une animation, le bouton droit ne donne pas accès au menu normal. Le bouton droit sur une animation flash donne accès à un menu spécifique :

Ici vous voyez qu’il n’y a aucune possibilité de copier l’animation.

Accéder à la mémoire cache vous permettra de récupérer l’animation mais pas le contenu photographique. Le flash a la particularité de pouvoir être utilisé pour visualiser de fichiers divers et notamment des images (jpg, png, gif, etc.). Les galeries flash sont juste des interfaces pour des photos qui ne se trouve pas dans le fichier .swf mais dans des dossiers quelque part ailleurs sur le serveur. Si vous souhaitez connaître les emplacements des ces photos et essayer des le afficher et copier, il faut disposer du logiciel Flash et essayer de faire de rétro ingénierie.

Quant aux captures d’écran par des combinaisons de touches, on peut recourir à une tactique que je trouve assez astucieuse. On sait que Flash utilise des images clés (qui sont comme les cadres dans une vidéo) et que l’on peut contrôler le comportement des touches du clavier. On peut donc insérer après le cadre contenant la photo une image clé de couleur noir qui sera déclenchée à chaque tentative d’appuyer une quelconque touche du clavier. Les captures d’écran vont alors afficher des images noires!

Il n’en reste pas moins que les logiciels de capture de style Jing ne peuvent pas être détectés et empêchés.

Protéger vos photos à l’aide d’un watermark

Si vous avez correctement compris cet article, vous avez compris que chaque mesure de protection possède une contre-mesure. Si la manière de copier l’image est difficile, il existe surement un logiciel ou une plug-in qui peut vous aider à aboutir. Il est donc impossible de protéger ses photos contre des captures non autorisées.

Une bonne protection peut être obtenu en apposant des watermark sur vos images (ou un filigrane en français). Il s’agit d’insérer sur chaque image un filigrane sous forme de texte ou de logo en transparence. Si on copie l’image, le watermark enmpêchera toute utilisation future normale de cette image et notamment aucune utilisation commerciale ne sera possible.

Voici un exemple de watermark qui peut vous donner de l’inspiration.

4 € pour 4 photos…

8€ pour 8 photos…

Ca fait 1 € la photo… Je ne sais pas si je suis le seul, mais je trouve ça horriblement cher pour ce que c’est.

Ça vous dit 8 photos d’identité pour 0,25€ ? 8 photos ayant les dimensions exigées par les autorités ?

C’est possible! Voici ce qu’il vous faut pour y arriver :

- Appareil photo numérique pour prendre une photo de vous sur un fond clair ;
- Photoshop (peu importe la version) ;
- Une périphérique qui peut se connecter aux bornes d’impression instantanée de photos (pratiquement toutes les cartes de mémoire, clés USB, Bluetooth™, Infrarouge, etc.). Vous pouvez en trouver dans les centres commerciaux, à la FNAC, etc.
- 0,25 € (comme les machines ne rendent pas la monnaie, pensez à faire l’appoint, ce serait dommage de payer plus!).

1. Récupérez ce fichier (format Photoshop).

2. Ouvrez le. Vous devez voir quelque chose comme ça :

Vous devez placer dans chaque case grise une de vos photos afin d’obtenir ceci :

Chaque case grise a les dimensions légalement exigées pour les photos d’identité, à savoir 35 mm de largeur et 45 mm de longueur.

3. Pour créer une photo aux dimension de 35 mm de largeur et de 45 mm de longueur, créer un nouveau fichier comme ceci :

4. Copier votre photo dans ce fichier. Elle va probablement déborder au delà des marges. Redimensionnez l’image ( Édition -> Transformer ou raccourci Ctrl + T ).

5. Vous devez maintenant copier cette photo dans notre plaquette de photos. Faites Ctrl + A pour tout sélectionner, ensuite Ctrl + C pour copier l’image et une fois sur la plaquette Ctrl + V pour coller.

6. Placez la première image sur la première case grise. Répétez l’opération de collage ( Ctrl + V ) encore 7 fois et à chaque fois positionnez l’image sur une des cases grises. Les images doivent recouvrir parfaitement les cases grises.

7. A la fin, choisissez “Enregistrer pour le Web” du menu “Enregistrer“. Optez pour une image au format JPEG avec la qualité maximale :

8. Chargez votre image sur un support de votre choix (carte mémoire ou téléphone portable ayant la technologie Bluetooth) et courrez à la borne numérique la plus proche de chez vous. En 0,25 € vous avez 8 photos d’identité !