Como proteger imagens da página web em css

Bloquear suas imagens da Web para diminuir o roubo de imagem.

Você não pode impedir os utilizadores da Internet a partir de copiar suas imagens da Web e HTML. Os internautas podem simplesmente clicar "Ver Fonte" e ver o seu código HTML. Eles também pode direita, clique nas imagens no seu site e salvá-los em seus discos rígidos. Você pode torná-lo mais difícil para os visitantes do site para copiar suas imagens, protegendo-os utilizando folhas de estilo em cascata.

  • Abra o arquivo HTML página da Web usando o bloco de notas ou um editor de HTML.

  • Adicione o seguinte código para o "" secção do documento.

    Isso cria um vazio "div" elemento. Note o "classe" parâmetro. Refere-se a uma classe Cascading Style Sheet chamado "protectImage."



  • Adicione o seguinte código para o "" seção do documento:

    Isto cria a "protectImage" classe. Substituir "abc.jpg" com o nome de um arquivo de imagem em seu disco rígido. o "margem" propriedade define topo da imagem, à esquerda, inferior e margens direita. Neste exemplo, eles são um, dois, três e quatro. Alterar esses valores para qualquer coisa que você gosta. Números maiores vão adicionar mais espaço ao redor da imagem. o "largura" e "altura" propriedades definir as dimensões da imagem. Ajustar os para caber coincidir com as dimensões de sua imagem. Os valores estão em pixels.

  • Salve o arquivo HTML e abri-lo no seu browser.

  • direita; clique na imagem. Você não verá uma opção para salvá-lo.

dicas & avisos

  • Remova o "margem" propriedade, se você não quer definir as margens de uma imagem. Remova o "largura" e "altura" propriedades se quiser que o tamanho da imagem para o padrão para as suas dimensões normais.
De esta maneira? Compartilhar em redes sociais:

LiveInternet