Sitios webTrucos Informáticos

Evitar que copien las imágenes de tu web

Hay diferentes formas o métodos para proteger las imágenes que tienes insertadas en los artículos de tu sitio web. Desde el típico sistema de insertar marcas de agua hasta la inserción de una porción de código que impida la utilización del botón derecho del ratón, el que alberga las opciones de copiar o de guardar. Pero hay más.

Playa de las Catedrales

El método que os vamos a explicar ahora es mucho más limpio y eficiente, aunque, como los anteriores, no sea perfecto. Sólo los que tengan ciertos conocimientos técnicos podrán utilizar las imágenes que tu albergas. En tus páginas todo se verá perfectamente, pero cuando alguien intente hacer una copia o un guardado directamente desde el navegador, obtendrán una imagen en blanco, sin contenido.

Para la inserción de una imagen como acompañante de un texto se utiliza un código similar al siguiente:

<img src="Playa-Catedrales.jpg" width="550" height="342">

El código que debes insertar para impedir que sea copiada la imagen, sería similar al siguiente:

<img style="background-image:url(Playa-Catedrales.jpg);"
     src="data:image/gif;base64,
     R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
     width="550" height="342">

Fabriciano González

Amante de la informática y de Internet entre otras muchas pasiones. Leo, descifro, interpreto, combino y escribo. Lo hago para seguir viviendo y disfrutando. Trato de dominar el tiempo para que no me esclavice.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.