O caso que nos interessa é a publicação de imagens em blogs de domínio público, então a protecção é ainda menos eficaz.
Vamos por partes. Vejamos em que caso se enquadram:
- Querem publicar imagens para o público em geral - neste caso, as únicas medidas que se podem tomar são preventivas, porque basta um print screen para que qualquer pessoa fique com a vossa imagem.
- Querem seleccionar quem tem acesso às vossas fotos - aqui há duas hipóteses:
a) criam um blog privado e só dão acesso a quem querem (exemplo: MSN Spaces). No entanto só as pessoas autorizadas podem lêr o que escrevem (e novamente, as vossas imagens não estão 100% seguras)
b) alojam as fotos em algum servidor de alojamento que permita a selecção das pessoas que podem visualizar as fotos (uma pesquisa por "free photo hosting" ou "alojamento gratuito foto" no google dá-vos muitas hipóteses. No entanto, vou tentar compilar uma lista mais pequena e depois publico). Neste caso, no vosso blog só colocam os links para as fotos mas sempre que se entra na vossa página são confrontados com o pedido de uma passoword para visualizar as fotos. Só vê as fotos quem tem acesso à password. Novamente não é 100% seguro além de um pouco irritante para quem não tem a password.
Vamos então ver as hipóteses para quem se encontra no primeiro caso:
- A escolha das fotos é a primeira arma de protecção. Por muito queridos que possam estar os nossos bebés, devemos evitar a publicação de fotos com eles nus. Escolham as fotos que são o mais inócuas possível e menos apetecíveis à manipulação.
- Devem redimensionar as fotos para o tamanho de publicação, ou seja, se querem publicar uma foto que 2048x1536 mas no post vai ocupar uma área 110x70, não a enviem com o tamanho original. Antes de a enviar redimensionem a imagem para o formato desejado. Aconselho a publicação de fotos com uma largura (se for deitada) até 200px (máx 300px). Permite uma fácil visualização e dificulta a manipulação.
- Diminuam a qualidade das fotografias o mais possível mas de forma a que permita uma boa visualização das mesmas, na dimensão de publicação. Quanto menos for a qualidade mais dificil se torna o trabalho de manipulação.
- Tenham controle sobre o local onde alojam as vossas fotos. A publicação de fotos com o Hello é fácil mas não têm nenhum controle sobre as fotos uma vez publicadas. Não as podem apagar quando quiserem (se apagarem um post com fotos não apagam as fotos, elas mantêm-se no servidor) e não sabem que protecções existem nesse servidor. Eu aconselho a utilização de um site de alojamento gratuito (não é obrigatório o uso de password para visualização de fotos).
- Insiram no vosso template código para dificultar o download de fotos (ATENÇÃO: EU ESCREVI "DIFICULTAR"!!!). O que podemos fazer é o seguinte:
No vosso template localizem o elemento HEAD. Devem encontrar logo no inicio do documento qualquer coisa como:<head>
<title>...</title>
Dentro do elemento HEAD, antes ou depois do elemento TITLE acrescentem a seguinte linha:
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
Exemplo:<head>
<title>...</title>
<META HTTP-EQUIV="imagetoolbar" CONTENT="no">
O que esta linha faz é simplesmente desabilitar o aparecimento do "image toolbar" que aparece quando se passa com o rato sobre uma imagem.
Esta até parece simples não? Então vamos complicar um bocadinho!
Como é que se desabilita a tecla direita do rato? Temos duas respostas para esta pergunta! Se queremos desabilitar esta tecla:- apenas sobre as imagens - É necessário incluir no código de cada elemento IMG os atributos onKeyPress, onKeyDown e onMouseDown e utilizar Javascript (não é uma linguagem de programação mas permite dar instruções ao browser sobre a forma que ele se deve comportar na nossa página), da seguinte forma:
<img onkeypress="javascript:alert('Não autorizado!');" onmousedown="javascript:alert('Não autorizado!');" onkeydown="javascript:alert('Não autorizado!');" src="http://photos1.blogger.com/img/XXX/XXXX/XXX/XXX.jpg">
- em todo blog - temos duas maneiras. Uma mais simples que simplesmente desabilita as teclas do rato, e outra que exibe uma janela informativa quando se clica a tecla direita do rato.
A mais simples consta em adicionar ao elemento BODY o atributo onContextMenu, e já agora o onSelectStart para impedir que se seleccione o texto dos posts, assim temos:
Para desabilitar a tecla direita do rato:<BODY onContextMenu="return false">
Para desabilitar a tecla esquerda do rato:<BODY onSelectStart="return false">
Para desabilitar ambas as teclas do rato:<BODY onSelectStart="return false" onContextMenu="return false">
Se quisermos a janelinha temos de recorrer ao uso de Javascript. Assim temos de inserir o código a seguir indicado dentro do elemento HEAD, como exemplificado:<head>
<title>...</title>
...
<script language=JavaScript>
<!--
//Disable right mouse click Script
var message="Não autorizado!!!"
function clickIE4() {
if (event.button==2) {
alert(message);
return false;
}
}
function clickNS4(e) {
if (document.layers||document.getElementById&&!document.all) {
if (e.which==2||e.which==3) {
alert(message);
return false;
}
}
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById) {
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
...
<head>
- apenas sobre as imagens - É necessário incluir no código de cada elemento IMG os atributos onKeyPress, onKeyDown e onMouseDown e utilizar Javascript (não é uma linguagem de programação mas permite dar instruções ao browser sobre a forma que ele se deve comportar na nossa página), da seguinte forma:
Pronto, espero que vos tenha elucidado um pouco mais sobre esta técnica. Quero alertá-los uma vez mais que os códigos aqui apresentados podem não funcionar com todos os browsers e que independentemente de funcionarem ou não, não protegem a 100% as vossas fotos. Apenas dificultam a vida... especialmente a quem não percebe muito disto.
Sobre os sites de alojamento de fotografias, vou tentar arranjar uma lista dos melhorzinhos... mas ainda deve demorar.
Se tiverem mais dúvidas deixem-nas em forma de comentário.
Beijinhos
Sandra
24 comentários:
Tu és um espectáculo!! Não tenho palavras. Muito obrigada, beijokas às meninas (mãe e filha)
Olá amiga...
eu deixava só uma sugestão às senhoras e senhores mais inexperientes nestas andanças...
Antes de se porem a editar o Template para fazer estas coisas fabulosas que a Sandra ensina, gravem o template actual num ficheiro word... Assim, em caso de asneiras, podem sempre recuperar a versão que tinha antes...
Digo isto, porque nas minhas primeiras experiências não o fiz e perdi muitas coisas que tive que refazer de novo...
Beijinhos
Obrigado Bekas!!!
Ainda bem que relembraste esse pequeno GRANDE promenor!
Vou fazer uma adenda ao post assim que possível!
Beijinhos
Sandra
protegido o meu já está, correu tudo bem! ;) agora a janelinha é que não consigo que ela apareça...mas já estou muito contente! obrigada mais uma vez
Olá!!!!!! quando escolhi um template para o meu blog, depois quando escrevi, os acentos não apareciam, em vez dos acentos, apareceram uns simbolos estranhos. Como faço para tirar isso?? thanks!!!**
Muito, muito obrigada. Adorei as explicaçoes. Ora aqui está um blog muito útil.
Beijocas
Malena
só agora descobri esta preciosidade!! :o)
e já tenho o blog um pouquinho mais guardado...
obrigada!
bjs,
inês
Boa noite , tenho uma duvida: tenho o site o meu blog protegido para nao poder ser copiao com o rato mas nao consegui fazer com que nao apareça aquela mao quando se passa com o rato na foto do post e assim quem quizer ve a foto aumentada ou imprime etc , gostaria de saber como se faz , obrigada e gostei muito do blog
Uma dúvida a menos.
Obrigada!
Até uma pessoa completamente ignorante como eu conseguiu, muito e muito obrigado por existirem!!!
Boa noite,
Descobri hoje o vosso site e tem sido uma grande ajuda. Vou sem dúvida recorrer a ele muitas vezes.
Começei há pouco tempo um blog e estive a tentar "proteje-lo" um pouco. Consegui que não possa ser copiado com o rato mas nao consegui fazer com que, com o botão do lado esquerdo se consigam ver as fotografias aumentadas e dai imprimi-las ou grava-las. Será que me podem ajudar ?
Os meus parabens pelo blog e pela disponibilidade para ajudar os outros!
Feliz Natal
beijinho
Patrícia
Pat,
Isso é porque cada imagem é posta por defeito com um link.
Para evitares isso tens de apagar o código respectivo ao link.
Vou fazer um post a explicar como isso se faz.
Beijinhos
Muito obrigada !
Um beijinho e Bom Ano para as duas.
Patrícia
Mais uma vez, muito obrigada!
Já esta :)
Beijinhos
Olá!
Muito obrigado por esta preciosa ajuda.
Segui os passos e consegui tudo excepto desabilitar a tecla do lado direito do rato. Já não permite copiar a imagem mas dá para guardar como.Supostamente não deveria sequer aparecer nenhuma possibilidade não é?
Espero ter conseguido explicar a dúvida...
ola.
realmente a tua explicaçao esta muito boa e muito facil de fazer .
eu devo estar a fazer qualquer coisa mal o botao direito do rato funcionou espectaculo mas com o esquerdo a foto e sempre selecionada o que sera que eu estou a fazer mal.
beijinhos
Realmente não há palavras para agradeçer a disponibilidade que tem em ajudar os outros. Está muito bem explícito tudo aquilo que ensina. Um muitíssimo obrigado pelas dicas excelentes aqui publicadas foram uma grande ajuda. Obrigado
Olá!
As vossas dicas são estupendas!
Mas, uma amiga minha usa o Mozzila e no Mozzila o script não funciona. Este script só funciona para quem usa o Internet Explorer.
Alguém sabe de um script que dificulte a vida a quem usa o Mozzila e quer copiar as nossas fotos?
Obrigada
Estou a construir o blog do meu bebé e não percebo lá grande coisa disto, mas as tuas explicações têm dado montes de jeito.
Muito obrigada!
ola..
precisso mesmo de ajuda...
a explicação esta 100% eu e q sou mesmo tótó :-(
nao encontro o elemento head....
ajudem-se por favor!!!!
Olá queria saber se há forma de proteger as fotos no hi5?
Se me puder ajudar agradecia
Estou a utiliar a nova versão do Blogger e o código para a tecla direita do rato funciona no Firefox mas não funciona no IE nem no Opera.
O código javascript para aparecer a janelinha extra não funciona nem o código para retirar a barra de edição de imagem quando se passa com o rato sobre a foto no IE.
Alguém sabe se isto é por estar a utilizar a nova versão do Blogger?
olá
este vosso blog é mesmo um espectaculo.
gostava de saber como proteger fotos no hi5 por favor.
obrigado.
elsa
Bom, eu não consegui.
Aparece esta mensagem:
Não foi possível analisar o seu modelo por não estar bem formado. Certifique-se de que todos os elementos XML estão fechados correctamente.
Mensagem de erro de XML: Open quote is expected for attribute "{1}" associated with an element type "language".
e não me deixa guardar!Podem ajudar??
Enviar um comentário