É possível impedir o download de imagens ao criar um site?


8

Digamos que você deseje fornecer imagens de alta qualidade de amostra em seu site, mas também deseja protegê-las contra o download, pois você pode visualizá-las na tela, mas não pode salvá-las.

Existe uma maneira de fazer isso?

Edit: Isso não é algo que eu preciso fazer, mas de acordo com um método nas respostas, eu tinha visto o botão direito desativado em um site e estava interessado.


Há uma postagem no stackoverflow sobre isso. Ele aponta para outro artigo sobre algumas maneiras de impedir que imagens sejam roubadas do seu site - incluindo o JSmétodo de desativar o botão direito.


1
Você poderia colocar uma marca d'água sobre eles ...

A marca d'água é a maneira mais fácil e extremamente eficaz de proteger suas imagens. Mais você pode usar o PHP para fazer uma tela das imagens, este eliminar todas as formas de baixar a imagem, mas você ainda precisa a marca d'água para o proteger de imagem
TheCrazyProfessor

Respostas:


23

Para todos os efeitos, isso é absolutamente impossível .

  • Você pode desativar o clique direito, mas as pessoas ainda podem visualizar o código-fonte da sua página (adicionando view-source:ao URL no Chrome ou apenas usando um menu do navegador) e encontrar o URL.

  • Você pode usar um CSS em background-imagevez de HTML <img>, mas as pessoas ainda podem usar o inspetor do navegador (F12 para a maioria dos navegadores) e encontrar as propriedades CSS desse elemento.

  • Você pode criar alguma coisa maluca que acha que funcionará, mas no final do dia, o usuário precisa fazer o download da imagem de alguma forma para vê-la. Se o usuário não puder baixar a imagem completamente, ele nem poderá vê-la em primeiro lugar! Não importa o que você faça, nada impedirá uma simples olhada em um monitor de tráfego de rede ou na guia "Rede" das ferramentas de desenvolvedor do seu navegador favorito.


5
Além disso, os usuários sempre poderão tirar uma captura de tela, não importa o que você faça.

7

Maçaneta da porta está certa; é impossível impedir que os usuários baixem a imagem. Qualquer proteção que você colocar em prática pode ser ignorada. O bloqueio Right Clické facilmente frustrado desativando o JavaScript (ou modificando o script, se necessário).

No entanto, você pode empregar outros métodos para proteger seus ativos. A marca d'água é uma maneira de proteger suas imagens protegidas por direitos autorais. Dê uma olhada em qualquer site de fotografia para ver como eles fazem isso:

Página de exemplo do iStockPhoto

O iStockPhoto (acima), por exemplo, oferece aos usuários a capacidade de aumentar o zoom e visualizar os detalhes de uma imagem. A marca d'água deles escala com o zoom. É discreto o suficiente para permitir que as pessoas analisem a imagem, mas proeminente o suficiente para atenuar o roubo.


1

Como outros já apontaram, é impossível. Métodos comuns como desativar o botão direito do mouse, usar o CSS background e outros scripts são bastante fáceis de evitar. O usuário pode simplesmente tirar uma captura de tela do seu site e depois cortar a imagem.

Eu acho que a marca d'água da imagem é uma maneira muito mais eficaz. Isso pode ser feito manualmente (usando o Photoshop, Gimp ou outras ferramentas) ou automaticamente usando um script. No final, depende de quantas imagens você deseja proteger e de como o site é criado.

PHP
Aqui está um pequeno e agradável script PHP que pode marcar qualquer imagem antes de ser baixada pelo usuário: http://andrecatita.com/code-projects/php-automatic-image-watermark/

O Joomla
NiceWatermark é um plugin altamente configurável que adiciona uma marca d'água às suas imagens automaticamente.

O WordPress
Image-Watermark permitirá que você marque imagens durante o upload ou marque imagens existentes.


0

Você pode dificultar as coisas para o usuário usar as imagens exibidas, dividindo-as em seções / partes menores de imagens.

Na página, pareceria uma imagem, mas pode ser dividida em seis partes. Se alguém estivesse determinado a ter uma cópia, isso não os impediria de recombinar as imagens depois de baixadas. Além disso, não ficaria tão bem em uma conexão mais lenta, pois o carregamento da imagem pode ser fragmentado ou, pior ainda, uma ou mais seções podem estar ausentes.


0

Como outros já responderam, é impossível impedir que um desenvolvedor copie a imagem, mas você pode dificultar muito os usuários normais.

Aqui resumi outras respostas e adicionei outras opções que conheço.

  1. Clique com o botão direito do mouse -> salvar imagem.

    • Bloquear clique direito com javascript
    • Em vez da tag img, use a propriedade CSS background.
    • Coloque uma imagem transparente de 1x1 sobre a imagem real, para que, quando o usuário use o botão direito do mouse em salvar, ele obtenha a imagem transparente.
  2. Impeça que as ferramentas de desenvolvimento obtenham a imagem dividindo-a em várias imagens (da resposta de Nick J Adams). Isso pode ser muito entediante de fazer manualmente. Nick também mencionou as desvantagens, como downloads mais lentos e imagens quebradas, se uma parte falhar no download.

  3. Evite capturas de tela usando o Flash para apresentações de slides de imagens. Alguns sites de fotografia que conheço usam o Flash para apresentar fotografias. Mas observe que o flash não funciona no celular.

  4. Você também pode impedir capturas de tela usando uma marca d'água. Aqui não bloqueamos o acesso à imagem. Verifique a resposta de Johanpw para algumas bibliotecas.


0

Maçaneta, JohnB e johanpw têm boas respostas, eu queria acrescentar algo que vi na convolução html e php: link das pessoas.

Basicamente, o que eles fazem é dividir o link da imagem ou do vídeo para que seja difícil juntar o código (você ainda pode fazê-lo, mas ele detém todos, exceto os mais motivados) ou simplesmente envolve o link único em a fonte. (Honestamente, eu notei isso nas últimas semanas e eu não sei muito sobre isso, apenas que dificultava a obtenção de imagens no site de alguém; P, mas espero que alguém experiente com isso interfira)

Se alguém souber mais e puder dar uma explicação melhor, eu também estaria interessado em saber mais sobre a convolução de links!


3
Não vejo como isso responde à pergunta e isso parece ser mais um comentário do que uma resposta.
D JunVᴀᴅᴇʀ

Infelizmente ainda não tenho reputação suficiente para comentar as respostas de outras pessoas. Como todas as perguntas que tenho já foram resolvidas ou do tipo que eu poderia pesquisar e descobrir por conta própria, não consigo construir esses pontos de reputação altamente valorizados ... impedindo-me de realmente contribuir da maneira ideal : \
Montag

0

Não envie imagens de alta resolução para qualquer site que não as mantenha ocultas e seguras. Como um site de impressão profissional e credível sob demanda.

Como dito anteriormente, é impossível impedir que os espectadores obtenham imagens online. Meu próprio método é colocar meu nome legível neles e enviá-los ao mundo para anunciar para mim.

Então, se alguém quiser usá-los, poderá entrar em contato comigo para pedir permissão.

Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.