Protegons nos images des pillards

19 octobre 2006 - Techno Internet - Aucun commentaire

Depuis la nuit des temps de l’Internet, enfin un peu apres tout de meme, les images sont apparuent sur les pages web.

Puis des albums de photos de vacances et autres ont vus le jour.
A partir de ce moment, le pillage d’images a commence.

Quelle horreur de voir sur un autre site, une ou plusieurs de vos images copiees.

Il n’y a pas de solutions miracles, malheureusement.
Enfin si, mais elle reste chere et il y a quelques moyens pour les coutourner.

D’ou une idee qui m’est venu en lisant un message d’un internaute se plaingnant de pillage. Il utilise comme beaucoup d’autre un script javascript pour informer le pilleur, que cette image est protegee par des droits. Certains autres interdise l’utilisation du clique droit de la souris sur l’image ou sur toute la page.

C’est une des solutions que vous pouvez envisager. Mais elle n’est pas tres elegante, je dois l’avouer.

Voici une autre solution. Certe elle n’arretera pas le pillage mais elle require un peu plus d’imagination pour recuperer l’image.
Prenons comme base de depart, la section de code Html qui affiche votre image:

<td>
<img src=”photo-a-proteger.jpg” alt=”Une belle photo”>
</td>

Un simple clique droit et copier pourra venir a bout d’un pilleur.

La solution que je vous propose est d’inserer l’image en tant que background dans un conteneur (en l’occurence, un div). Et dans l’attibut src de l’image, une image transparente.

<td>
<div style=”background-image:url(photo-a-proteger.jpg);”>
<img src=”halte-aux-pilleurs.gif” alt=”Une belle photo”>
</div>
</td>

Bien evidement, quelques ajustements sont a ajouter:

<td>
<div style=”background-image:url(photo-a-proteger.jpg) no-repeat;”>
<img src=”halte-aux-pilleurs.gif”
alt=”Une belle photo”
style=”width:600px;height:450px;”>
</div>
</td>

Ici nous avons specifier la taille de l’image “photo-a-proteger.jpg” a l’image transparente “halte-aux-pilleurs.gif”. De cette facon, l’image “halte-aux-pilleurs.gif” couvrira la taille du div. Aussi, le conteneur div prendra les dimensions de “halte-aux-pilleurs.gif”s.

Ici encore, il est possible de recuperer le nom de l’image, mais c’est un peu plus difficile, non ?

Alors nous allons pousser le vice et charger l’image du background avec un bout de javascript. Ce dernier pourra etre dans votre page ou bien dans un fichier externe.

le code html

<div id=”image1″>
<img src=”halte-aux-pilleurs.gif” alt=”" style=”width:600px;height:450px;”>
</div>

Le code javascript

<script type=”text/javascript”>
document.getElementById(’image1′).style.background=’url(photo-a-proteger.jpg) no-repeat’;
</script>

Ainsi, recuperer le nom de l’image sera encore plus difficile.

Toutefois, il est impossible d’empecher la copie de vos images sur un autre support (page web, document pdf, etc …). Pensez neansmoins a ajouter une mention legale indiquant les images sur votre site sont protegees par la loi de propriete intelectuelle

Tags: idee, image, internet

Protegons nos images des pillards

Articles complementaires

Laisser un commentaire