Bild vor Download schützen / mit Informationen überlagern

[Eddie]

Hallo allerseits,

vorab: es ist mir sehr, sehr peinlich, dass ich jetzt - nach Jahren gegenteiliger Überzeugung - so eine Frage stelle! Tja, aber ich tu's trotzdem, das lässt ja tief blicken... Here it comes:

Wie kann ich erschweren(*), dass Besucher ein bestimmtes Bild von meiner Seite speichern können? Mich würde da einfach nur eine Aufstellung der beliebtesten Methoden interessieren, wär sehr nett, wenn ihr mir da "brainstorm-artig" unter die Arme greifen könntet.
Realisieren (oder auch nicht, je nachdem) kann ich es dann selber, Details sind also nicht zwingend nötig. Aber wenn der eine oder andere Link dabei wäre, das wär natürlich toll!

Und noch eine andere, ähnliche Frage: es wird einen Button "nächstes Bild" geben, per JS wird das dann nachgeladen. Nur "vorladen" kann ich es leider nicht, es wird also eine kurze Wartezeit geben. In dieser Zeit würde ich gerne das gerade angezeigte Bild irgendwie abschwächen (so wie hinter einer Milchglasscheibe) und gleichzeitig eine Ladegrafik (z.B. eine Eieruhr) darüber platzieren. Was meint ihr, geht sowas nur mit HTML und JS?

Danke für eure Hilfe,
Eddie

(*) mir ist klar, dass man das "Abspeichern" nur erschweren aber nie vermeiden kann (Stichpunkte Screenshot, Cache, HTML-Code)

P.S.: Warum? Weil ich erwarte, dass insb. dieses Bildangebot (sowas wie ein "Bild des Tages") öfter geklaut werden könnte. Da das aber nicht meine Bilder sind, sondern die meiner Autoren, möchte ich zumindest in diesem einen prominent platzierten Fall was unternehmen.

[Roman]

Also ich könnte dir nen Script geben um den Rechtsklick abzuschalten.

<script language=JavaScript>
<!--
var message="Hier steht dann dein Text der in der Fehlermeldung stehen soll";
function click(e) {
if (document.all) {
if (event.button==2||event.button==3) {
alert(message);
return false;
}
}
else if (document.layers||document.getElementById) {
if (e.which == 3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
}
document.onmousedown=click;
// -->
</script>

einfach in den body.tag mit einfügen

Gruß

Roman

[Vinzenz Mai]

Hallo Eddie,

Wie kann ich erschweren(*), dass Besucher ein bestimmtes Bild von meiner Seite speichern können? Mich würde da einfach nur eine Aufstellung der beliebtesten Methoden interessieren, wär sehr nett, wenn ihr mir da "brainstorm-artig" unter die Arme greifen könntet.

Leg' ein transparentes Objekt, z.B. ein <div>-Element mit transparentem Hintergrund über Dein Bild. Baue in dieses <div>-Element ein ausgedientes Spacer-Gif ein, das Du auf die Dimensionen Deines Bildes zieht. Der DAU, dem Du das Speichern erschweren willst (jeder andere weiß ja, dass Dein Bild bereits lokal gespeichert ist, speichert dann Deine transparente 1-Pixel-Grafik und wundert sich, dass er nicht an Dein Bild des Tages kommt.

Und noch eine andere, ähnliche Frage: es wird einen Button "nächstes Bild" geben, per JS wird das dann nachgeladen. Nur "vorladen" kann ich es leider nicht, es wird also eine kurze Wartezeit geben. In dieser Zeit würde ich gerne das gerade angezeigte Bild irgendwie abschwächen (so wie hinter einer Milchglasscheibe) und gleichzeitig eine Ladegrafik (z.B. eine Eieruhr) darüber platzieren. Was meint ihr, geht sowas nur mit HTML und JS?

Du machst mit obigem weiter und drehst mit Javascript auf geeignete Weise an der Transparenz des <div>-Elementes. Der Code der Lightbox könnte Dir eventuell auch weiterhelfen.

Freundliche Grüße

Vinzenz

[steckl]

hi,

wie wärs, die Bilder in einzelne Teile zu zerlegen, und diese dann in einer tabelle als Hintergrund anzeigen zu lassen. dann müssten die 'Diebe' die einzelnen Teilbilder erst wieder selber zusammenbauen.
Zusätzlich könntest du noch in den einzelnen tabellenfeldern ein unsichtbares gif platzieren.
hoffe du verstehst was ich meine.

mfG,
steckl

[wahsaga]

hi,

wie wärs, die Bilder in einzelne Teile zu zerlegen, und diese dann in einer tabelle als Hintergrund anzeigen zu lassen. dann müssten die 'Diebe' die einzelnen Teilbilder erst wieder selber zusammenbauen.

Wieso, sind die zu doof für'n Screenshot?

gruß,
wahsaga

[Eddie]

Danke euch!

hab's jetzt erstmal nur mit einem transparenten GIF gemacht, wie von Vinzenz vorgeschlagen. Das erscheint mir am unaufdringlichsten und sollte zumindest die DAUs am Klauen hindern. Weitere Maßnahmen (z.B. JS) behalt ich mir jetzt erstmal vor, man kann's ja auch übertreiben mit der Besuchermaßregelung... ;-)

Gruss,
Eddie

[e7]

Hi,

In dieser Zeit würde ich gerne das gerade angezeigte Bild irgendwie abschwächen (so wie hinter einer Milchglasscheibe) und gleichzeitig eine Ladegrafik (z.B. eine Eieruhr) darüber platzieren. Was meint ihr, geht sowas nur mit HTML und JS?

typischer Fall für PNG, ein halbtransparenter schwarzer/grauer Hintergrund und ne weniger transparente Sanduhr drüber.

e7

[Eddie]

Hallo e7,

typischer Fall für PNG, ein halbtransparenter schwarzer/grauer Hintergrund

Das wäre genau das, was ich brauche! Habe gestern mit den CSS-Filtern rumexperimentiert, nur gibt's die ja leider nur für den IE :-/

Jetzt habe ich gerade versucht, so ein schwarzes, transparentes PNG zu erzeugen, und zwar mit PaintShopPro - und bin kläglich gescheitert. Immer wenn ich für die Ebene die Transparenz ändert, erhalte ich nur einen helleren Grauton (statt des ursprünglichen Schwarz). Der Grauton allerdings bleibt undurchsichtig :-(
Und wenn ich eine transparente Farbe setze (so wie bei GIFs), dann ist es halt gleich ganz durchsichtig.

Wonach muss ich da suchen? Die Einstellung müsste ja bei allen Grafikprogrammen ähnlich heissen... Vermute ich zumindest mal...

Danke dir,
Eddie

[wahsaga]

hi,

Jetzt habe ich gerade versucht, so ein schwarzes, transparentes PNG zu erzeugen, und zwar mit PaintShopPro - und bin kläglich gescheitert. Immer wenn ich für die Ebene die Transparenz ändert, erhalte ich nur einen helleren Grauton (statt des ursprünglichen Schwarz).

Hast du hinter der schwarzen Ebene noch eine (Hintergrund-)Ebene mit weißem/hellem Hintergrund liegen?
Dann wäre es ja nur logisch, dass ein davor teiltransparent gemachtes Schwarz ins Graue übergeht.

gruß,
wahsaga

[Eddie]

Hallo wahsaga,

Hast du hinter der schwarzen Ebene noch eine (Hintergrund-)Ebene mit weißem/hellem Hintergrund liegen?

Nein, ist nur die Hintergrund-Ebene!

Das Ganze sieht so aus: wenn ich im Ebenenmenü (rechts oben) die Eigenschaften der Ebene wähle, erhalte ich das Formular rechts unten:

Da habe ich mit "Deckfähigkeit" und "Transparenz schützen" experimentiert.

Beim Bearbeiten sieht das auch toll aus, da ändert sich tatsächlich was. Aber beim Speichern werde ich gefragt, ob ich die Ebenen (da ist aber nur eine!) verbinden will - also eine Standardfrage beim Speichern von ebenen-losen Formaten. Danach sieht es so aus, als wäre eine neue Hintergrundebene dazu gekommen.

Hier ein vorher-nachher-Bild:

Könnt ihr damit was anfangen?
Eddie

[e7]

Hi,

Habe gestern mit den CSS-Filtern rumexperimentiert, nur gibt's die ja leider nur für den IE :-/

opacity bzw. -moz-opacity gibt's übrigens auch noch, falls das mit dem PNG nicht klappt.

Zum Erzeugen des PNG kannst du dir ja mal Inkscape anschauen, das passt dafür wie angegossen... Also bezüglich des Sanduhr zeichnens vor allem.

e7

[Detlef G.]

Hallo Eddie

Wie kann ich erschweren(*), dass Besucher ein bestimmtes Bild von meiner Seite speichern können?

Dazu würde ich die Variante mit dem drübergelegten transparenten Gif verwenden, oder noch extremer, das eigentliche Bild als Hintergrund eines transparenten Gifs verwenden. Beachten solltest du dabei allerdings, dass es dann ohne CSS überhaupt nicht angezeigt wird.
Von der Rechtsklicksperre würde ich abraten, zumindest ich benutze die rechte Maustaste für vieles, aber nur sehr selten zum Bildspeichern.

... In dieser Zeit würde ich gerne das gerade angezeigte Bild irgendwie abschwächen (so wie hinter einer Milchglasscheibe) und gleichzeitig eine Ladegrafik (z.B. eine Eieruhr) darüber platzieren. Was meint ihr, geht sowas nur mit HTML und JS?

Zumindest CSS wirst du dafür auch brauchen. ;)
Schau mal DHTML: Durchsichtige Elemente (Transparenz).
Eine Seite, die massiv mit teiltransparenten Bildern und Lightbox arbeitet: Torsten Jungmann - private Homepage und Fotogalerie

Auf Wiederlesen
Detlef

[at]

Hallo.

das eigentliche Bild als Hintergrund eines transparenten Gifs verwenden.

Eine Frage zur Semantik: Welchen Alternativtext sollte das <img> dann bekommen?
MfG, at

[Detlef G.]

Hallo at

Eine Frage zur Semantik: Welchen Alternativtext sollte das <img> dann bekommen?

den zum Hintergrundbild passenden

Auf Wiederlesen
Detlef