Proteger imagens de serem salvas com CSS
Ao som de U2 – Pride ( In the Name of Love )
Você pode estar se perguntando o por que de utilizar técnicas desse tipo para proteger imagens de serem salvas no browser, digo-lhe que os motivos são vários e um deles é o copyright(imagens com direitos reservados), que muitas vezes os usuários não respeitam.
Essa técnica é utilizada pelo Flickr, não é 100% segura mas pode lhe evitar um pouco de dor de cabeça. Vamos a explicação da técnica: Iremos utilizar uma imagem transparente de 1px de largura e altura que ficará por cima da imagem real, com isso, quando o usuário tentar salvar a imagem, provavelmente irá clicar com o botão direito do mouse encima dela e escolherá a opção “Salvar imagem como”, e é aí que ele irá somente conseguir salvar a imagem transparente. A Marcação HTML utilizada no exemplo é a seguinte:
1.<div id="box">2. <img src="imagem_real_aqui" alt="" title="" />3. <img src="spaceball.gif" class="img_oculta" alt="" title="" />4.</div>1.#box {height:343px; margin:0 auto; position:relative; width:500px}2..img_oculta {height:343px; left:0; position:absolute; top:0; width:50;