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

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.

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.

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:

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.

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.

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.

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.

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!

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.