Protege tus fotos propias con imágenes sobrepuestas

En internet hay 03 tipos de usuarios, los novatos, los internedios 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

4 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
  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

Ultimos temas en Soluciones para Webmasters: