22 diciembre 2024

Una forma sencilla de proteger que sus imáges sean copiadas de forma inadvertida

En el internet todo puede ser copiado. No lo alentamos, pues los derechos de autor deben seguir presentes e incluso bajo licencia Creative Commons, aún debe mencionarse la fuente.

Pero si usted no quiere que otros descarguen imágenes de su sitio, mejor no las ponga online. Es casi imposible evitar que alguien copie esas imágenes.

Un truco sencillo puede evitar que los menos conocedores de HTML copien sus imágenes de forma inadvertida o incluso enlacen directamente a las imágenes en su sitio. Para probar, trate de grabar la foto siguiente en su computadora con la opción «save image as «.

La opción normal para guardar una foto en su computadora sigue vigente. Solo que en el caso de esta foto, en lugar de descargarla, lo que se grabará será una imagen en blanco. Además la URL de la foto (bajo propiedades) será algo incomprensible. Inentendible para los que no conocen mucho de tecnología.

El procedimiento es el que sigue.

El embed code para insertar una imagen en un sitio web se presenta así:

<img src="photograph.jpg" width="500" height="250">

Ahora para conseguir el efecto, cambie el valor del atributo src de tal manera que apunte a una imagen en blanco y luego agregue un nuevo valor en el atributo style para el rendering de la imagen actual.

<img style="background-image:url(photograph.jpg);"
src="data:image/gif;base64,
R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="
width="500" height="250">

Asegúrese que los valores de los parámetros «height» y «width» sean iguales a los de la imagen actual. El efecto es poner una pantalla transparente sobre la foto, tal que quienquiera que vaya a bajarla, obtenga la pantalla en lugar de la foto.

Para los que conocen un poco más, saben que este método puede tener su solución. Pues, una copia de la foto aún reposa en el caché de su navegador. Puede igualmente mirar el código HTML e incluso utilizar el screen capture.

Pero eso no siempre es conocido por los usuarios de su sitio que no están en las filas de los geeks.

[Fuente Digital Inspiration]

Siguenos por Twitter a través de @Geeksroom y no te pierdas todas las noticias, cursos gratuitos y demás artículos. También puedes seguirnos a través de nuestro canal de Youtube para ver nuestros vídeos, a través de Instagram para ver nuestras imágenes! O vía Bluesky si ya estás cansado de Twitter

Milton Ramirez

Milton Ramirez es Senior Editor de este sitio web en los EE.UU y ha escrito casi mil artículos para GeekRoom.com. Ha estado en el mundo de los blogs por más de 10 años y es un apasionado por la Education & Tech. Un Ed.D. con experiencia en educación, comunicaciones online y tradicional. Es a jack of all trades, le gusta leer y no es muy difícil encontrarle en Facebook /MiltonRamirezPage, Instagram y Twitter @tonnets.

Ver todas las entradas de Milton Ramirez →

10 comentarios en «Una forma sencilla de proteger que sus imáges sean copiadas de forma inadvertida»

  1. Aun asi la forma de copiarla es abriendo el codigo de fuente de la pagina y buscas el link y puff listo ya la tienes

  2. o mas sencillo, si no te buscas complicasiones solo le das al boton Imp Pan Pet Sis
    y listo vamos a paint si usas windows.

    para los que no sepan las varias alternativas sera muy bueno para los webmasters.

  3. Para novatos: Screen capture
    Para avanzados: Mirar el código de la página y buscar la dirección donde se aloja esa foto.
    Ahora, he visto páginas donde desactivan y todo el clic derecho, y que hasta los screen aparecen en blanco. Cómo funcionan esos sites?

  4. Buen dia… gracias por el aporte. de hecho cuaado vi la imagen en el correo (Hotmail) salio la imagen en color gris y cuando entre al blog si vi la imagen

  5. Pues hay muchas formas de guardar una foto, por ejemplo en Windows es la pagina y al paint, Mac es utilizar las teclas y seleccionarlo y ya, celulares pues con una aplicacion y asi jeje

Los comentarios están cerrados.