Protege tus fotos propias con imágenes sobrepuestas

En internet hay 03 tipos de usuarios, los novatos, los intermedios y los expertos, para estos últimos que tienen altos conocimientos, será imposible intentar bloquear una imagen, sin embargo para los otros dos primeros y que son la mayoría si es viable.

Un truco poco difundido es usar imágenes transparentes, normalmente gif o png que se colocan encima (sobreponer) de la imagen que se desea proteger.

El usuario al dar clic derecho no podrá grabar la imagen protegida, sólo tendrá acceso a grabar la imagen transparente que se encuentra encima.

Las imágenes transparentes la podemos crear en cualquier tamaño, se pueden estirar sin problema porque no tienen información visual y con cualquier programa gratuito se pueden realizar.

Veamos el ejemplo, protegeremos la imagen que se ve:



Aún poniendo la foto en una plataforma gratuita como blogger es posible proteger las fotos, ahora veamos el código:


<img alt="foto escondida" height="384" src="http://1.bp.blogspot.com/-2-MMeXF8qFw/TkyMQZCVVVI/AAAAAAAAALY/iJsHLoSbhuQ/s1600/proteger-imagen.jpg" width="450" />

<div style="left: 0; position: absolute; top: 0;">

<img alt="imagen sobrepuesta" border="0" height="384" src="http://1.bp.blogspot.com/-hm46jqQXNuY/TkyPbBiDRYI/AAAAAAAAALc/jZDqp4evsac/s1600/transparente_guiaplaza.png" width="450" /></div>




El truco es sobreponer una imagen transparente, que podría como en este caso mostrado aquí hasta tener el copyright o la dirección de tu web, cualquier variedad está limitado por la imaginación.

Otros artículos del mismo tema que te pueden interesar:

» Superponer una imagen sobre otra con CSS

Comentarios

  1. Yo recomendaría usar una imagen transparente con el logotipo de tu sitio web en el centro, así como hacen los canales de TV con sus imágenes exclusivas.

    ResponderEliminar
  2. Lo malo de este codigo es que..
    Inspeccionar Elemento>Resources
    Buscas la imagen y listo

    El link de tu foto
    http://3.bp.blogspot.com/-dvEDGsMA9E4/T9AyOYH_NbI/AAAAAAAAB08/nJmIO-nRh-M/s1600/10-euros.jpg

    ResponderEliminar
    Respuestas
    1. Por eso el autor dice que los usuarios avanzados no tienen obstáculos, los principiantes son la gran mayoría que piratea fotos.

      Eliminar
  3. Es sencillo y util (para usuarios novatos como comentas), pero utilizar posiciones absolutas lo considero una chapuza. Imagina un caso en el cual tienes varias imagenes y solo quieres bloquear una, dependiendo de que navegador lo visualice y el tamaño de la pantalla del usuario esto se te va al garete. Así que en general no lo veo aplicable como solucion para
    una página real.

    ResponderEliminar
  4. Ctrl + S en OneNote y ¡al carajo tu protección de imagen!

    ResponderEliminar
  5. sin embargo es muy util para otras cosas por ejemplo yo necesito mapear una foto y colocar imágenes en ubicaciones especificas alguien me puede ayudar?

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Superponer una imagen sobre otra con CSS

¿Ganas dinero en Facebook con Página, Grupo, Comunidad, etc?

Script para buscar palabras o textos en una página (html) con Jquery