Ist es möglich, das Herunterladen von Bildern beim Entwerfen einer Website zu verhindern?

8

Angenommen, Sie möchten Musterbilder in hoher Qualität auf Ihrer Website bereitstellen, diese aber auch vor dem Herunterladen schützen, da Sie sie auf dem Bildschirm anzeigen, aber nicht von der Website speichern können.

Gibt es eine Möglichkeit, dies zu tun?

Bearbeiten: Dies ist nicht etwas, was ich tun muss, aber gemäß einer Methode in den Antworten hatte ich den Rechtsklick auf einer Website deaktiviert gesehen und war interessiert.

Kreis B.
quelle
Es gibt einen Beitrag bei stackoverflow darüber. Es verweist auf einen anderen Artikel über einige Möglichkeiten, um zu verhindern, dass Bilder von Ihrer Website gestohlen werden - einschließlich der JSRechtsklick-Deaktivierungsmethode.
1
Sie könnten ein Wasserzeichen auf sie setzen ...
Wasserzeichen ist der einfachste und äußerst effektive Weg, um Ihre Bilder zu schützen. Andernfalls können Sie PHP verwenden, um eine Leinwand mit den Bildern zu
erstellen. Dadurch

Antworten:

23

Dies ist in jeder Hinsicht absolut unmöglich .

  • Sie können den Rechtsklick deaktivieren, aber die Benutzer können den Quellcode Ihrer Seite weiterhin anzeigen (durch Hinzufügen view-source:zur URL in Chrome oder einfach über ein Browsermenü) und die URL suchen.

  • Sie können ein CSS background-imageanstelle von HTML verwenden <img>, aber die Benutzer können weiterhin den Inspektor ihres Browsers (F12 für die meisten Browser) verwenden und die CSS-Eigenschaften dieses Elements ermitteln.

  • Sie können eine verrückte Sache entwickeln, von der Sie glauben, dass sie funktionieren wird, aber am Ende des Tages muss der Benutzer das Bild auf irgendeine Weise herunterladen , um es zu sehen. Wenn der Benutzer das Bild nicht vollständig herunterladen kann, kann er es gar nicht erst sehen! Unabhängig davon, was Sie tun, verhindert nichts einen einfachen Blick auf einen Netzwerkverkehrsmonitor oder die Registerkarte "Netzwerk" der Entwicklertools Ihres bevorzugten Browsers.

Türknauf
quelle
5
Darüber hinaus können Benutzer immer einen Screenshot machen, egal was Sie tun.
7

Türknauf ist richtig; Es ist unmöglich zu verhindern, dass Benutzer das Bild herunterladen. Jeder von Ihnen eingerichtete Schutz kann umgangen werden. Das Blockieren kann Right Clickleicht verhindert werden, indem JavaScript deaktiviert wird (oder das Skript bei Bedarf geändert wird).

Sie können jedoch andere Methoden anwenden, um Ihr Vermögen zu schützen. Wasserzeichen sind eine Möglichkeit, Ihre urheberrechtlich geschützten Bilder zu schützen. Werfen Sie einen Blick auf eine Foto-Website, um zu sehen, wie sie es tun:

iStockPhoto-Beispielseite

Mit iStockPhoto (oben) können Benutzer beispielsweise die Details eines Bildes vergrößern und anzeigen. Ihr Wasserzeichen skaliert mit dem Zoomen. Es ist unauffällig genug, um es den Menschen zu ermöglichen, das Bild zu analysieren, aber prominent genug, um Diebstahl zu mildern.

JohnB
quelle
1

Wie andere betont haben, ist es unmöglich. Gängige Methoden wie das Deaktivieren des Rechtsklicks, die Verwendung von CSS-Hintergrund und anderen Skripten sind recht einfach zu vermeiden. Der Benutzer kann einfach einen Screenshot Ihrer Website erstellen und dann ein Bild zuschneiden.

Ich denke, dass das Wasserzeichen des Bildes viel effektiver ist. Dies kann manuell (mit Photoshop, Gimp oder anderen Tools) oder automatisch mithilfe eines Skripts erfolgen. Am Ende hängt es davon ab, wie viele Bilder Sie schützen möchten und wie Ihre Website erstellt wird.

PHP
Hier ist ein nettes kleines PHP-Skript, das jedes Bild mit einem Wasserzeichen versehen kann, bevor es vom Benutzer heruntergeladen wird: http://andrecatita.com/code-projects/php-automatic-image-watermark/

Joomla
NiceWatermark ist ein hoch konfigurierbares Plugin, das Ihren Bildern automatisch ein Wasserzeichen hinzufügt.

Mit WordPress
Image-Watermark können Sie Bilder beim Hochladen mit einem Wasserzeichen versehen oder vorhandene Bilder mit einem Wasserzeichen versehen.

johanpw
quelle
0

Sie könnten es einem Benutzer erschweren, die angezeigten Bilder zu verwenden, indem Sie sie in kleinere Abschnitte / Teile von Bildern aufteilen.

Auf der Seite würde es wie ein Bild aussehen, aber es könnte in sechs Teile geteilt werden. Wenn jemand entschlossen wäre, eine Kopie zu haben, würde dies ihn nicht daran hindern, die heruntergeladenen Bilder neu zu kombinieren. Außerdem würde es bei einer langsameren Verbindung nicht so gut aussehen, da das Laden des Bildes möglicherweise fragmentiert ist oder schlimmer noch, dass einer oder mehrere der Abschnitte fehlen könnten.


quelle
0

Wie andere bereits geantwortet haben, ist es unmöglich, einen Entwickler daran zu hindern, das Bild zu kopieren, aber Sie können es normalen Benutzern sehr schwer machen.

Hier habe ich andere Antworten zusammengefasst und andere mir bekannte Optionen hinzugefügt.

  1. Rechtsklick blockieren -> Bild speichern.

    • Rechtsklick mit Javascript blockieren
    • Verwenden Sie anstelle des img-Tags die CSS-Hintergrundeigenschaft.
    • Kacheln Sie ein transparentes 1x1-Bild über das tatsächliche Bild, sodass der Benutzer das transparente Bild erhält, wenn er mit der rechten Maustaste auf Speichern klickt.
  2. Verhindern Sie, dass Entwickler-Tools das Bild erhalten, indem Sie das Bild in mehrere Bilder aufteilen (Antwort von Nick J Adams). Dies kann sehr mühsam sein, wenn man es manuell macht. Nick hat auch die Nachteile wie langsamere Downloads und fehlerhafte Bilder erwähnt, wenn ein Teil nicht heruntergeladen werden kann.

  3. Verhindern Sie Screenshots, indem Sie Flash für Bild-Diashows verwenden. Einige mir bekannte Foto-Websites verwenden Flash, um Fotos zu präsentieren. Beachten Sie jedoch, dass Flash auf Mobilgeräten nicht funktioniert.

  4. Sie können Screenshots auch verhindern, indem Sie ein Wasserzeichen verwenden. Hier blockieren wir den Zugriff auf das Bild überhaupt nicht. Überprüfen Sie Johanpws Antwort auf einige Bibliotheken.


quelle
0

Doorknob, JohnB und Johanpw haben alle gute Antworten. Ich wollte etwas hinzufügen, das ich in HTML und PHP gesehen habe: Link Convolution.

Im Grunde brechen sie entweder den Link zum Bild oder Video auf, so dass es schwierig ist, ihn aus dem Code zusammenzusetzen (Sie können es immer noch tun, aber es hält alle außer den motiviertesten ab) oder sie falten einfach den einzelnen Link ein die Quelle. (Ehrlich gesagt, ich habe das in den letzten Wochen gerade bemerkt und ich weiß nicht viel darüber, nur dass es mir schwer gemacht hat, Bilder von einer Website zu bekommen; P, aber hoffentlich mischt sich jemand ein, der damit Erfahrung hat)

Wenn jemand mehr weiß und eine bessere Erklärung geben kann, wäre ich interessiert, auch mehr über die Linkfaltung zu erfahren!

Montag
quelle
3
Ich sehe nicht, wie dies die Frage beantwortet, und dies scheint eher ein Kommentar als eine Antwort zu sein.
DᴀʀᴛʜVᴀᴅᴇʀ
Leider habe ich noch nicht genug Ruf, um die Antworten anderer zu kommentieren. Da alle Fragen, die ich habe, entweder bereits gelöst sind oder die Art, die ich selbst erforschen und herausfinden könnte, scheine ich nicht in der Lage zu sein, diese hoch geschätzten Reputationspunkte aufzubauen ... was mich daran hindert, tatsächlich auf ideale Weise einen Beitrag zu leisten : \
Montag
0

Laden Sie keine hochauflösenden Bilder auf eine Website hoch, die sie nicht versteckt und sicher hält. Wie eine professionelle und glaubwürdige Print-on-Demand-Site.

Wie bereits erwähnt, ist es unmöglich zu verhindern, dass Zuschauer Online-Bilder erhalten. Meine eigene Methode ist es, meinen lesbaren Namen auf sie zu setzen und sie in die Welt zu schicken, um für mich zu werben.

Wenn jemand sie verwenden möchte, kann er mich kontaktieren, um um Erlaubnis zu bitten.

DocPixel
quelle