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.
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">
