Version imprimable du sujet

Cliquez ici pour voir ce sujet dans son format original

Forums MacBidouille _ Les Langages Du Web _ Bloquer le téléchargement d'image sur un site

Écrit par : ElGandul 26 Dec 2003, 04:41

Salut à tous!!

Je suis en train de créer un site internet pour une photographe, celle-ci aimerai bien que ces photos ne soit pas téléchargeable par un simple ctrl-clic!! Ce qui est compréhensible!
J'aurai aimé savoir si il était possible d'empécher les internautes de rapatrié sur leur DD les photos de cette jeunes artistes?

J'utilise Fireworks et Dreamweaver MX et (MX 2004)

Merci de votre aide

Écrit par : Angrave 26 Dec 2003, 04:49

Une image sera toujours téléchargeable par un moyen ou par un autre. Mais tu peux faire en sorte d'interdire le clic droit sur ton image, ce qui aura pour effet d'amener l'éventuel "voleur d'images" à galérer dans le code source pour trouver l'url de l'image.. Va sur http://www.toutjavascript.com et tape "clic droit" ou "image" dans le champ de recherche, tu devrais trouver ton bonheur..

Sinon, y'a une autre technique, qui est de masquer une image par une autre, ainsi le clic droit telechargera une autre image. Si cette méthode t'interesse, je te filerai le code..

Autre solution, faire tes images en Flash

Écrit par : ElGandul 26 Dec 2003, 05:13

Merci beaucoup pour ton aide!!
J'avais pensé faire mes images en Flash, mais pour le moment prob de tps et d'argent!!(remarque je pourrai utiliser la version d'évaluation qu'on trouve sur le site de macromedia!! peut-être une solution! pour le futur!)
Sinon je pense que je vais tout d'abord essayer la 1er méthode et si ça ne me convient pas! Pour l'autre on verra plus tard si j'en ai besoin!

Bonne fête de fin d'année

A+

Écrit par : Belisarius 26 Dec 2003, 09:28

c'est vrai que même avec la protection javascript il suffir d'afficher le code source de la page (de connaitre un tout petit peu le code html) et op tu prend l'image

si j'avais une idée (je sais pas si elle est intelligente) de faire un tableau et de mettre en fond de tableau ton image, là je crois pas qu'elle soit dlable sad.gif wink.gif


http://forum.macbidouille.com/index.php?showtopic=56988&hl=

Écrit par : molgow 26 Dec 2003, 09:36

Le pseudo-truc du javascript est complétement inutile, c'est une perte totale de temps.

Si ton photographe ne veut pas que les gens puissent télécharger ses photos, il faut tout simplement qu'il ne les publie pas!! ph34r.gif
Du moment qu'on peut voir les photos, on peut les sauvergarder (=> copie d'écran par exemple).

Il me semble que la meilleure "solution" pour satisfaire ton client, c'est de publier les photos dans une qualité médiocre et/ou une taille assez petite. (tu pourrais rajouter aussi le nom dans l'image en bas à droite par exemple)

Écrit par : ipkiss 26 Dec 2003, 11:03

Ca parait difficile d'empecher que les photos soient downloadées... C'est un peu comme les protections de CD : Si je peux te lire, je peux te copier... pour les images, c'est pareil... elles partent dans le cache du navigateur, il y a juste à faire un copier/coller pour les sortir du cache...

Certains sites de photographes offrent des images de fond d'écran en 1024*768 voir plus, mais les autres photos sont en tout petit... (cf le site de Philippe Plisson). D'autres sites mettent carrement le nom de l'auteur ou un copyright en travers et en philigranne sur l'image...

Enfin, et pour rejoindre certains contributeurs, le fait de mettre ses oeuvres sur Internet, c'est aussi d'accépter qu'elles soient accéssibles à tous... (et utilisables par tous... légalement ou illégalement malheureusement.)

A+

Écrit par : anonyme_673 26 Dec 2003, 11:45

Tu peux mettre une inscription sur ton image en bas, comme le © par exemple, ou encore l'adresse du site. Ainsi, faute d'empêcher la diffusion, on peut trouver le site originel (une sorte de publicité à ton avantage en qq sorte)

Écrit par : No6 26 Dec 2003, 14:25

D'une maniere ou d'une autre, une image sur internet est toujours copiable, même avec flash, avec une simple capture d'écran par exemple.

Il existe aussi le procédé "Digimarc", je n'ai jamais utilisé, et je reste sceptique sur la validité pénale du truc.

Le mieux, à mon avis, c'est de laisser les images en basse résolution, de maniere à les rendre inexploitables dans une chaine de repro.

et de sacrifier une ou deux photo pour montrer la qualité, mais sur des sujets trop bateau pour être vraiment interressant pour des "pro".

Et bloquer le ctrl-clic en javaScript aussi, même si sa change pas grand chose, ça file mauvaise conscience au vilains.

smile.gif

PS:
Etre copié, ça peut être aussi interressant, c'est une forme de pub, si on oublie pas de mettre en travers de l'image l'addresse du site, de maniere juste ce qu'il faut de génant, pour ne pas disparaitre dans un re-cadrage, et décourager un travail de retouche.

Écrit par : deltoic 26 Dec 2003, 14:31

Tu peux aussi intégrer les photos dans un fichier flash, mais je crains que de toutes les manières si une personne douée veut cette image, elle l'aura. C'est une question de temps...

Écrit par : dulrich 26 Dec 2003, 16:24

meilleure solution:
-les publier en basse résolution (pas plus de 400)
-mettre un bon gros (mais pas moche) philigramme.... comme l'a dit winnie.

Écrit par : Mic3D 26 Dec 2003, 16:34

Salut !

Ce que tu peux faire c'est mettre un tableview de 1, l'image de fond est ton image, le contenu un gif transparent.

Tu peux corser le tout en mettant un code source degueux, comme ça biggrin.gif

Écrit par : No6 26 Dec 2003, 17:19

Il y a aussi la solution de couper les images en 16, et de les ajuster pile poil, ça, avec l'idée de Mic3D en plus...
De quoi bien se prendre la tete pour creer les pages biggrin.gif

Écrit par : Angrave 26 Dec 2003, 23:13

Donnez moi quelques temps et je vous ponds une page où vous galérerez pour me tirer mes images wink.gif

Lamers, va tongue.gif

[edit]
dulrich1, ton image "sport extreme" dans le CTC était protégée tongue.gif . D'ailleurs, tu veux parler de "filigranne" dans ton post ? biggrin.gif [/edit]

Écrit par : No6 27 Dec 2003, 02:15

QUOTE (Angrave @ 26 Dec 2003, 23:13)
Donnez moi quelques temps et je vous ponds une page où vous galérerez pour me tirer mes images  wink.gif

Si tu le fais, je releve le défi.
Je dirai aussi conbien de temps j'y passerai si je réussi.
PS je suis juste un dev, pas unHacker, et j'ai aucune "combine" a priori...

Écrit par : bvde 28 Dec 2003, 12:49

Bonjour,
Travaille avec des feuilles de style.

Dans ton fichier html
Tu crées un layer avec <div id="image">

Dans dans ton fichier CSS lié (important)<link ...
du défini ton layer avec une image en background
#image{background-image: url(../photos/photo.jpg); Width:300px; height:200;}

Ce qui affichera une image mais ton code n'affichera que la balise DIV
Et un clic droit ne trouvera rien.
Il faut ouvrir le le fichier CSS le lire pour éventuellement trouver le chemin de ta photos.
Bref, facile quant on sait, mais qqun qui ne connait pas trop le HTML et les CSS ne trouvera rien.

Maintenant, une capture d'écran est toujours possible.
Le web est public donc, publier sur le web, c'est permettre la copie

Personnelement pour mes photos, je ne les protège pas, et les affiche avec une bonne qualité. La qualité est la meilleure publicité.

Un photographe programmeur !

Écrit par : jace_stknights 29 Dec 2003, 05:29

C clair qu'on ne peut pas empecher le téléchargement de fichiers publié smile.gif

Mais la seule techinque reste de mettre un gros message en transparence sur ton image.... ou de minimizer les photos de facons a ne pas être exploitables.

J'ai dévelopé un site pour un photographe et c'est la deuxieme solution qui avait été choisie...

Écrit par : Tchou 29 Dec 2003, 10:35

bah j'aimerais bien qu'on m'explique comment récupérer des images dans flash :
par exemple sur ce site : www.qui2nous2.com dans la galerie d'imagess, accessible depuis le menu sur les cordes de guitare en haut...

Écrit par : molgow 29 Dec 2003, 13:05

En faisant plusieurs captures d'écrans et en faisant un montage, tu dois y arriver. (plusieurs captures à cause des barres verticales qui bougent)

Écrit par : Angrave 30 Dec 2003, 23:14

QUOTE (Tchou @ 29 Dec 2003, 10:35)
bah j'aimerais bien qu'on m'explique comment récupérer des images dans flash :
par exemple sur ce site : www.qui2nous2.com dans la galerie d'imagess, accessible depuis le menu sur les cordes de guitare en haut...

http://www.qui2nous2.com/header_menu.swf

Écrit par : Tchou 31 Dec 2003, 01:03

Bah oui mais j'ai pas les images de la galerie là dedans, ya que le menu...

moi je veux récupérer une image dans la galerie...

Écrit par : Bac's 1 Jan 2004, 15:34

Le coup du Control-Clic, c'est trop naze. Sur PC (clic droit), je sais qu'il faut faire Appui Clic Droit - Appui touche ESC - Relâchement mulot - Relâchement ESC pour b**ser tous les codes JS qui empêchent la sauvegarde d'image.

Je suis donc sûr que l'on peut faire la même chose sur Mac.

Donc, il faut se tourner vers les solutions mentionnées plus haut.

Écrit par : Angrave 1 Jan 2004, 18:12

Bac's -> En général, les scripts mal ficelés que tu trouves sur des sites de JS tout faits sont codés avec les pieds et ne marchent que sur PC.. une fois, de visite sur un site de ce genre, une page d'exemple avec une image et un texte qui disait "essayez donc de faire un clic droit sur cette image".. et moi du haut de mon Mac de faire un ctrl-clic (bah oui, pas de vrai clic droit sur un trackpad tongue.gif) et de lui enregistrer son image en 1 seconde rolleyes.gif
Cela dit, même des trucs bien faits y'a des moyens.. ce qui est faisable c'est que le clic-droit télécharge une autre image calée en transparence sur la photo, et là le seul moyen c'est de fouiner dans le code source (pas très longtemps -> Pomme-F -> chercher ".jpg" ou ".gif" ou ".bmp" etc etc et on trouve vite ce qu'on veut tongue.gif) mais çà rebute au moins les newbies.. unsure.gif (bon après là encore on peut jouer sur des histoires de redirection pour corser la tâche.. et là même un as du piquage d'image va passer 10 mn par photo)

Tchou -> le site de -M- apparemment a été codé par un pro, rien ne marche (je vous rappelle, utilisateurs Mac (OS X) que le glisser-déposer est bien meilleur qu'un clic droit et se joue des histoires de redirection [pas des images transparentes qui masquent les photos par contre] ) et j'ai passé 2 heures à fouiner les index images, c'est un truc de fou.. je pense d'ailleurs qu'il faudrait s'adresser au webmaster pour trouver un moyen probant d'empecher le téléchargement d'image sur le DD, là çà m'a bluffé huh.gif blink.gif même la source de certaines pages est inaffichable..

Bien sûr, il est impossible de véritablement bloquer le téléchargement d'images depuis un site (après c'est plus ou moins dur -> cf le paragraphe juste au dessus), en tous cas, une capture d'écran est toujours faisable, donc oui, il faut bien marquer "©-lenomduphotographe-l'année" sur la photo, pour qu'elle soit inexploitable..

Pour ma petite page que je vous ai promis dans un post antérieur, armez vous de patience, le boulot a repris, et le temps libre s'amenuise.. çà vient çà vient wink.gif

Écrit par : boumboum 28 Mar 2010, 14:58

et 6 ans plus tard...

comment on fait alors ce truc d'une image par dessus l'autre et la redirection ?

Merci.

Écrit par : boumboum 29 Mar 2010, 08:32

j'ai trouvé au moins pour les deux images superposées. Par exemple :

Code
<style type="text/css">
<!--
#derriere{
    background-image: url(/uploads/lion5gf.gif); background-repeat: no-repeat;     width: 520px;     height: 500px;    float: left;
}
#devant{     background-image: url(/uploads/copyright.gif);    background-repeat: no-repeat;    background-position:center;    width: 520px;    height: 500px;    font-family: Verdana, Geneva, sans-serif;    font-size: 30px;
    color: #999;        text-align: center;
}
-->
</style>
</head>
<body>
<div id="derriere">
<div id="devant">
  <p>&nbsp;</p>
  <p>www.monblog.com</p>
</div>
</div>

Le mieux est de placer le css dans un fichier externe.

Sauf que voilà, on dirait qu'avec DownThemAll, l'extension pour FireFox, on a une commande supplémentaire dans le menu local : "Afficher l'image de fond" qu'ils ont appelé ça, pfff. C'est mortel
Mais on peut encore empêcher le clic droit par javascript dry.gif

Écrit par : boumboum 9 May 2010, 19:28

je relance le sujet car je ne parviens à trouver sur le Net une réponse complète et cohérente sur l'empêchement de lecture directe d'une image en dehors du contexte de sa page. (est-ce possible au fond ?)

Pour éviter tout effort vain de votre part, je vais essayer d'être clair :


huh ? Une idée de comment on peut faire ça ?

Merci.

Écrit par : Hyp 9 May 2010, 20:20

Salut,

Citation (boumboum @ 9 May 2010, 20:28) *
je relance le sujet car je ne parviens à trouver sur le Net une réponse complète et cohérente sur l'empêchement de lecture directe d'une image en dehors du contexte de sa page. (est-ce possible au fond ?)

Pas vraiment biggrin.gif

Citation
je compte utiliser la technique que j'ai décrite plus haut à savoir par fond de div css

Elle ne fonctionnera pas; la plupart des navigateurs permettent d'afficher les ressources chargées pour l'affichage d'une page (Firebug pour Firefox, la fenêtre Activité de Safari, etc). Il suffira de cliquer sur l'URL pour télécharger l'image.

Il n'y a que deux solutions;
• soit un .htaccess qui n'autorise que le domaine où se trouvent les images (on en revient à la http://www.htaccesstools.com/hotlink-protection/, et au final l'image sera toujours téléchargeable sur la page où elle est affichée)
• soit placer les images dans un dossier, en interdire l'accès avec un htaccess, et les afficher en PHP; la méthode ne fonctionne que si les utilisateurs sont identifiables et donc loggués. Ça ne marchera pas pour une page publique.

Écrit par : boumboum 9 May 2010, 22:57

OK, merci. Je vais encore réfléchir à la chose.

Écrit par : Flachy Joe 9 Jun 2010, 21:08

Salut,
une idée comme ça :
- La page dans laquelle doit s'afficher l'image crée un ticket (nom de fichier + id unique) dans une BDD et utilise comme image un afficheur-image.php?ticket=########
- Le script afficheur-image vérifie le validité du ticket passé en argument, renvoi le fichier correspondant et supprime le ticket de la BDD. Si le ticket n'est pas valide ça renvoi une image avec du texte de copyright par exemple.

En voulant télécharger l'image l'internaute utilisera un ticket déjà invalidé et donc ne récupérera rien.

On peut toujours contourner cette technique en récupérant le cache du navigateur....

A tester.

Écrit par : boumboum 9 Jun 2010, 23:21

merci pour ton passage et ta suggestion, mais pour moi c'est du chinois smile.gif

Écrit par : Flachy Joe 10 Jun 2010, 18:38

unsure.gif
Bon apparemment tu codes en PHP, non ?
Alors tu commence par faire une table mysql, avec 2 champs (uid et file) et dans la page dans laquelle tu veux afficher l'image tu fais quelque chose comme ça :

Code
$uid = md5(uniqid(rand(), true));
$fichier = 'limage.jpg';
mysql_query('INSERT INTO latable SET uid="'.$uid.'"' , file="'.$file.'"');
echo '<img src="afficheur.php?uid='.$uid.'" />';

et le code de afficheur.php :
Code
header('Content-type:image/jpeg');
$uid = $_GET['uid'];
$result = mysql_query('SELECT file FROM latable WHERE uid="'.$uid.'"');
if ($arr = mysql_fetch_array($result)){
  mysql_query('DELETE FROM latable WHERE uid="'.$uid.'"');
  readfile($arr['file']);
}else{
  readfile('taspasledroit.jpg');
}


En protégeant ça contre les attaques d'insertion sql ça devrait faire l'affaire.

Bon courage, A+

Écrit par : boumboum 10 Jun 2010, 19:50

wow, merci je vais essayer de mettre ça en place.

Écrit par : ghost297 15 May 2011, 18:20

Une image sera toujours téléchargeable par un moyen ou par un autre. Mais tu peux faire en sorte d'interdire le clic droit sur ton image, ce qui aura pour effet d'amener l'éventuel "voleur d'images" à galérer dans le code source pour trouver l'url de l'image.. Va sur ToutJavascript.com et tape "clic droit" ou "image" dans le champ de recherche, tu devrais trouver ton bonheur..

Sinon, y'a une autre technique, qui est de masquer une image par une autre, ainsi le clic droit telechargera une autre image. Si cette méthode t'interesse, je te filerai le code..

Autre solution, faire tes images en Flash

Écrit par : boumboum 15 May 2011, 18:56

soit le bienvenue sur Macbidouille ghost297.

Merci, mais une solution pour la superposition de deux images est décrite dans ce post. Pour empêcher le clic droit, on trouve ça facilement.

Écrit par : jumera 15 May 2011, 19:25

Le copier-coller des images internet... c'est facile huh.gif
Même moi, je sais faire smile.gif




unsure.gif

Écrit par : boumboum 15 May 2011, 20:39


Mais comment fais-tu ? Moi je n'y arrive pas si bien...sad.gif

Écrit par : momo-fr 30 Jun 2011, 07:22

Ça me fait toujours sourire ces fils sur la copie d'images sur le web, plein de solutions plus ou moins techniques (javascript ce désactive le savez-vous ?), toujours les même discours (ça rebute les nioubes de copier les photos - nioubes qui ne reste pas longtemps) mais ça n'empêche en rien ceux qui veulent vraiment les photos de les prendre, et souvent pour les utiliser professionnellement… donc c'est sans issue.

Mais ça fait trimer les neurones, c'est bien… quand on a rien d'autre à faire surtout. cool.gif tongue.gif

Écrit par : yponomeute 30 Jun 2011, 10:04

Citation (momo-fr @ 30 Jun 2011, 08:22) *
Ça me fait toujours sourire ces fils sur la copie d'images sur le web, plein de solutions plus ou moins techniques (javascript ce désactive le savez-vous ?), toujours les même discours (ça rebute les nioubes de copier les photos - nioubes qui ne reste pas longtemps) mais ça n'empêche en rien ceux qui veulent vraiment les photos de les prendre, et souvent pour les utiliser professionnellement… donc c'est sans issue.

Mais ça fait trimer les neurones, c'est bien… quand on a rien d'autre à faire surtout. cool.gif tongue.gif



Le plus drôle c'est que les images vont être référencées chez google et qu'on pourra les récupérer avec un seul clic à partir de la recherche d'images de google. laugh.gif laugh.gif laugh.gif

Écrit par : boumboum 30 Jun 2011, 10:36

Citation (momo-fr @ 30 Jun 2011, 08:22) *
Ça me fait toujours sourire […]

... ceux qui passent leur temps à répéter ce que d'autres on dit plus haut et qui, de surcroît, prétendent que se sont les autres qui perdent leur temps. dry.gif

Propulsé par Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)