Des outils pour protéger vos images

Il existe plusieurs méthodes pour protéger les photos mises en ligne sur votre site :

  1. Insérer un script "anti clic-droit" : méthode peu recommandée
  2. Ajouter un métatag dans le header : uniquement pour les utilisateurs de IE6+
  3. Ajouter un filigrane (ou watermark) sur l'image : méthode simple à mettre en oeuvre et la plus efficace, encore que l'utilisateur puisse toujours recadrer la photo pour faire disparaître le copyright.

Insérer un script "anti clic-droit"

L'utilisation de ce script n'est pas recommandée, car elle ajoute un javascript en plus de ceux qui sont déjà présents dans Jimdo, multipliant les risques de conflits et ralentissant le chargement de la page. En outre, son efficacité est contestée : il est aisément contournable, puisqu'il suffit de désactiver le javascript du navigateur pour le rendre caduc. Voici néanmoins comment l'installer pour ceux que ces mises en garde n'auraient pas découragés :

 

  1. Cliquer, dans la barre d'admin de Jimdo, sur Paramètres > Modifier le header.
  2. Coller le script ci-dessous (source : éditeur Javascript) et enregistrer.
<!-- DEBUT DU SCRIPT -->
<script language="JavaScript1.2">
/*
SCRIPT EDITE SUR L'EDITEUR JAVASCRIPT
http://www.editeurjavascript.com
*/
function ejs_nodroit()
    {
    alert('Clic droit interdit');
    return(false);
    }
document.oncontextmenu = ejs_nodroit;
</script>
<!-- FIN DU SCRIPT -->
Screenshot : anti clic-droit
Le résultat en image
Flèche vers le haut

Ajouter un metatag dans le header

Cette manipulation simple (une seule ligne à copier-coller) vise uniquement les utilisateurs - encore nombreux - d'Internet Explorer. Elle empêche l'apparition, sur les images que survole la souris, de la barre d'outils propre à IE qui facilite grandement la sauvegarde des images :

Screenshot : IE Toolbar

Notez que le visiteur peut toujours enregistrer l'image, mais moins directement et moins aisément.

 

  1. Cliquer, dans la barre d'admin de Jimdo, sur Paramètres > Modifier le header.
  2. Copier la ligne ci-dessous (source : Dynamic Drive) et enregistrer.
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">

A lire également :

Flèche vers le haut

Ajouter un filigrane (ou watermark) sur l'image

Une petite définition d'abord : le watermarking consiste à ajouter une marque en surimpression à une image pour indiquer sa provenance ou l'identité de son propriétaire afin de la protéger. Il existe des filigranes visibles et des filigranes invisibles, mais nous ne parlerons ici que des premiers. Le watermarking est la méthode la plus efficace, la moins risquée et la plus élégante à mon sens. Pour ajouter un filigrane à une photo, on peut utiliser des logiciels, payants ou gratuits, ou des services gratuits en ligne.

Pictureshark [logiciel]

Pictureshark est un freeware un peu vieux maintenant (dernière version 2002), mais robuste. Après qu'on a fabriqué son propre filigrane, on choisit les photos à "tatouer", on paramètre quelques options comme le "feather effect", l'opacité et l'emplacement du watermark... et le logiciel génère des copies "tatouées" des images sélectionnées en quelques secondes.

screenshot: pictureshark
Flèche vers le haut

Alamoon Watermark [logiciel]

screenshot : alamoon watermark

Alamoon Watermark est un shareware facile à utiliser avec sa présentation en onglets. Il ne permet que de faire des filigranes textuels, avec des effets d'opacité. Le paramétrage se fait en visuel, au moyen de curseurs à déplacer et de boutons à presser pour agrandir ou déplacer les objets.

Flèche vers le haut

Fast Watermark [logiciel]

Screenshot : Fast Watermark

Fast Watermark est un freeware à l'interface spartiate, mais dont la prise en main est d'autant plus facile ! Dans le premier onglet, on définit la police, sa taille et l'épaisseur de sa bordure ; on choisit également dans les palettes les couleurs du fond, du texte et de sa bordure et leur opacité respective. On peut aussi mettre une image comme fond du filigrane (cf. premier et dernier exemple de filigranes sur la capture ci-contre). Dans le deuxième onglet, on définit l'image ou le répertoire d'images à traiter. Les atouts de ce logiciel sont :

  • son poids-plume (< 300 Kb)
  • ses formats de sortie : en effet, outre des images aux formats traditionnels (.jpg, .bmp, .png - à noter : l'absence du .gif), Fast Watermark peut générer des exemplaires PDF de vos images.

Le site du logiciel étant russe, je vous recommande de visiter Softonic où il est référencé et présenté en français et où vous pourrez enfin le télécharger.

Flèche vers le haut

Watermark V2 [logiciel]

Watermark V2 est un freeware dédié au watermarking et dont l'intérêt réside dans sa capacité à combiner pour une même image le filigrane graphique et l'information textuelle. En effet, après avoir conçu un filigrane graphique, on peut l'éditer et lui ajouter des variables qui, bien sûr, changeront en fonction des images, comme :

  • le nom de l'image
  • son poids
  • ses dimensions
  • son format
  • etc.

Voici quelques captures d'écran pour illustrer ce principe :

Ajoutons que Watermark V2 gère les formats .bmp, .gif, .jpeg, .png et TIFF et qu'il est aussi équipé d'une fonction de renommage et de conversion par lots. Enfin, il existe une traduction française de son interface réalisée par Colok.

 

Note : le logiciel a besoin de Microsoft .NET Framework 2.0 pour fonctionner.

Flèche vers le haut

Watermarkz [application en ligne]

Watermarkz est une application gratuite en ligne, qui permet d'ajouter un filigrane textuel répété à une image chargée depuis l'ordinateur ou déjà en ligne et dont on indique alors l'URL. L'image doit faire moins de 300 Kb et être au format .jpg, .gif ou .png. On peut paramétrer :

  • l'espacement horizontal et vertical du filigrane sur l'image
  • l'angle du texte
  • la taille et la couleur du texte

Voici un exemple de rendu :

screenshot : watermarkz.net
Flèche vers le haut

Picmarkr [application en ligne]

Picmarkr est une application gratuite en ligne, avec des fonctionnalités avancées qui en font ma préférée.

screenshot : picmarkr.com

On peut charger de 1 à 5 photos simultanément, du moment que le poids total des photos ne dépasse pas 25 Mb (les photos peuvent donc être de grande taille). En option, le service propose de redimensionner au passage les images chargées, avec 3 formats au choix :

  • 500 pixels, idéal pour les blogs
  • 800 pixels, parfait pour les forums
  • 1024 pixels, recommandé pour les envois par email

Ensuite, on peut choisir parmi 3 sortes de filigranes :

  1. le filigrane textuel non répété
  2. le filigrane graphique non répété
  3. le filigrane répété, textuel ou graphique

Le plus indiqué et le plus réussi : le filigrane textuel

screenshot : picmarkr2

Après avoir saisi le texte du filigrane, on choisit parmi plusieurs modèles de présentation du filigrane très élégants (les 4 premiers, avec leur effet de transparence sont à privilégier) :

  • texte noir sur fond blanc, avec une opacité de 40% 
  • texte blanc sur fond noir, avec une opacité de 40%
  • texte noir sur une ligne blanche, avec une opacité de 40%
  • texte blanc sur une ligne noire, avec une opacité de 40%
  • texte noir
  • texte blanc
  • texte noir sur fond blanc, totalement opaque
  • texte blanc sur fond noir, totalement opaque

Enfin, on détermine la place du filigrane sur l'image.

 

Cette galerie présente quelques exemples du rendu obtenu :

Le filigrane graphique pour appliquer son logo

screenshot : picmark3

Après avoir chargé l'image qui servira de filigrane, on choisit l'endroit où elle sera placée sur les photos. Voici un exemple du rendu obtenu (un peu pourri... car mon image de filigrane est de mauvaise qualité) :

Exemple de filigrane graphique

Le plus protecteur : le filigrane répété

Le filigrane textuel ou graphique répété
Le filigrane répété : textuel ou graphique
Exemple de filigrane répété textuel

 

 

1. Un filigrane textuel

 

Répété horizontalement, l'aspect du texte n'est pas paramétrable, mais fait intelligemment (le texte s'éclaircit quand le fond de l'image est sombre et s'assombrit dans le cas contraire)

Exemple de filigrane répété graphique

 

 

 

2. Un filigrane graphique

 

On charge l'image (en choisir une mieux que la mienne... ) et le tour est joué !

Watermarktool [application en ligne]

Commentaires des lecteurs

Écrire commentaire

Commentaires : 10
  • #1

    benkhalfa (dimanche, 04 octobre 2009 00:32)

    merci pour tous les conseils

  • #2

    Basingstoke (jeudi, 11 mars 2010 11:39)

    Merci pour cet article.

    Il existe aussi un site qui permet de watermarker des images en ligne : http://www.bloggif.com/watermark

    Bonne continuation !

  • #3

    Protéger une image (jeudi, 11 mars 2010 11:40)

    Le lien ne semblait pas fonctionner, je l'ai mis dans site internet.

  • #4

    54 Le site (jeudi, 27 mai 2010 15:46)

    C'est très ingénieux... Merci !:)

  • #5

    apn-immobilier1 (mardi, 21 juin 2011 08:12)

    Bonjour

    il existe aussi le tres bon logiciel assez connu des fans de forum, vso image resizer 100% gratuit et permet aussi le water mark.

    Cordialement

  • #6

    kairoschimera-artspace (mercredi, 09 novembre 2011 16:52)

    Il existe aussi le site http://www.markmyimage.com/ qui permet d'ajouter le watermark de son choix directement. On charge l'image on choisit le texte de son watermark, l'opacité, la couleur et on lance. Ensuite il ne reste plus qu'a enregistrer l'image marquée et le tour est joué.

  • #7

    Manu (dimanche, 04 mars 2012 15:39)

    Je recherche un logiciel qui peut protéger plus de 20 photos à la fois, et ou il ny pas besoint de téléchatger quelque chose !!

  • #8

    LACROIX (samedi, 15 décembre 2012 14:10)

    moi je recherche ce type de logiciel mais en français .En connaissez-vous ? merci

  • #9

    claudelaffaye (mercredi, 22 mai 2013 09:50)

    Merci pour l'info, je vais essayer, a plus.

  • #10

    mudi (dimanche, 11 août 2013 15:22)

    Merci pour toutes ces informations importantes

Ruban