1. Con una cuenta podrás:

    • Publicar preguntas y pedir ayuda
    • Crear tutoriales
    • Acceder a contenido privado
    • Convertirte en un Héroe de la web
    Cerrar notificación
  2. Eres nuevo en la comunidad y necesitas ayuda?
    Sigue estos pasos y recomendaciones antes de publicar tu duda:
    Cerrar notificación

Tutorial Protege tus imágenes con puro CSS

Tema en 'Tutoriales de HTML y CSS' comenzado por Faustotnc, 4 de Agosto de 2015.

  1. Faustotnc

    Faustotnc Miembro Activo

    Se incorporó:
    13 de Febrero de 2015
    Mensajes:
    254
    Me gusta recibidos:
    142
    Puntos de trofeos:
    43
    Género:
    Hombre
    Ocupación:
    Diseñador y desarrollador web
    Localización:
    Concord, North Carolina
    Página web:
    Hola héroes de la web como estan, soy yo otra vez.

    Hoy vengo a enseñarles o más bien avisarles de que hay un manera de proteger tus imágenes sin tener que colocarlas de fondo de un div o algo parecido.
    Esto se puede lograr con una sola línea de código css y así evitas que tus imágenes sen descargadas ilegalmente por otros usuarios.

    Solo tienes que agregar lo sigte. en tu código css

    img{
    pointer-events: none;
    }
    Tan sencillo como eso, pero el único problema es que no podrás usa la imagen para hacer un evento javascript pero si en links "<a href=""></a>".

    También les recomiendo que si van a hacer esto, protejan la entrada a la carpeta con las imágenes, eso se logra colocando un archivo index.html vacío en la misma carpeta con las imágenes o colocando un meta:refresh que redireccionar al home etc.

    Puedes ver un ejemplo de la protección de la imagen en mi página web: http://tarengel.besaba.com y busque la imagen en gif que esta cerca de "contacto" e intenta descargarla. Y también un ejemplo de la protección de la carpeta de imagenes en: http://tarengel.besaba.com/images

    Gracias por leer el articulo, Dios te bendiga y que tengas buen dia!!!
     

Comparte esta página