Proteger Imagens

Uma das coisas mais difíceis é proteger nossas imagens ou fotos contra copia na internet, existem muitas maneiras de fazer isso e aqui vamos mostrar mais uma delas. O código é o seguinte:

<div style="background-image: url(imagem protegida); width:480px; height:61px"><img src="imagem transparente" width="480" height="61" border="0"/></div>

O que fazemos neste código é usar a imagem que vamos proteger como plano de fundo e colocar uma imagem transparente sobre ela, então quando alguém clicar com o botão direito para copiar a imagem ele irá copiar uma imagem transparente e não nossa foto. O mesmo acontece se tentar entrar em propriedades e copiar o endereço da imagem irá copiar a url da imagem transparente.
Para usar este código você precisa alterar os endereços das imagens e não se esqueça de ajustar as larguras nas duas partes do código, repare que os números 480 e 61 aparecem duas vezes cada um e você deve modificar os dois para deixar a imagem transparente e a foto no fundo do mesmo tamanho.



Além disso, como no banner acima é possível usar um link nessa imagem protegida, usando o código desse jeito:

<div style="background-image: url(imagem protegida); width:480px; height:61px; text-align:center"><a href="http://frasecurta.blogspot.com" target="_blank"><img src="imagem transparente" width="480" height="61" border="0" title="Frases Curtas" /></a></div>

Como você notou para colocar um link nessa imagem protegida na verdade o link vai na imagem transparente e o procedimento é normal como qualquer outro link. Outro detalhe é que você não precisa se preocupar com o tamanho da imagem transparente, pois colocando o tamanho dela no código o navegador vai deixá-la de qualquer tamanho. Se quiser salve o gif transparente que usamos aqui e hospede no http://imageshack.us , fazemos essa sugestão de salvar novamente e não usar a mesma que está neste blog porque algumas vezes o site de hospedagem pode bloquear uma imagem por excesso de uso(Bandwidth), portanto é mais confiável salvar e hospedar novamente, isso vale para qualquer imagem que você viu na internet e queira usar, afinal nunca sabemos quando o dono da imagem vai resolver apagá-la.

Esse método ajuda a proteger suas imagens, porém esse como também outros truques para impedir a cópia de imagens do seu blog não consegue proteger totalmente as imagens, pois as pessoas sempre encontram um modo de copiar as imagens, apenas existem alguns jeitos de dificultar isso.

Related Posts with Thumbnails
Proteger Imagens
4/ 5
Oleh

62 Comentários

20 de novembro de 2008 19:13 delete

Muito bom este modo de proteger imagens. Não tinha imaginado isto... Mas, na verdade, só existem dois modos de proteger invariavelmente a imagem:

1. Deixando o seu logo ou endereço de site por cima da imagem, de modo que não seja possível retirar.

2. Não publicando a imagem em sites públicos (rsrs).

Reply
23 de novembro de 2008 22:47 delete

Gosto muito dos artigos de ótima qualidade do seu Blog. Quando for possível dá uma passadinha para ver meu Curso de Informática à Distância. Antonio B Duarte Jr.

Reply
24 de novembro de 2008 11:22 delete

Para copiar qualquer imagem, inclusive as geradas por flash, basta usam um programa que copie áreas da tela.

Reply
24 de novembro de 2008 16:06 delete

infelizmente sempre tem um jeito de copiar as imagens.
esse exemplo que você deu de copiar a tela inteira, poderia ser resolvida bloqueando o teclado, mas ainda é possível salvar a pagina inteira, e assim por diante.

como eu disse na postagem esse é um meio de dificultar as copias pois impedir é impossível.

Reply
24 de novembro de 2008 18:37 delete

Gostei muito dessa dica. Amei seu blog!
Preciso da sua ajuda: ao clicar nas imagens do meu blog, elas não ampliam... o que devo fazer para resolver esse problema?

Reply
25 de novembro de 2008 14:43 delete



visitei seu blog agora e cliquei na imagem do ultimo post, e ampliou, acho que você já resolveu o problema.

Reply
27 de novembro de 2008 19:53 delete

Oi!
Você já sabe que sou sua fã!rs Estou aqui para saber se vc poderia postar aqui ou me explicar como faço para colocar botôes em flsh no blogspot, pois não estou conseguindo.
Bjão e desde já agradeço a atenção.♥

Reply
28 de novembro de 2008 17:00 delete

ei adm... como vc faz pra postar codigos de html, css, javascript sem q eles sumam na hora de publicar...
pq qdo eu vou fazer isso no meu blog ele sempre some...e ai num tem como as pessoas copiarem estilo essa postagem sua aqui....

Reply
1 de dezembro de 2008 21:56 delete

Muito bom o blog, está de parabéns!
Ótimas dicas, usei algumas no meu blog!
Abraço

Reply
DsK
22 de dezembro de 2008 22:49 delete

Um método que desconhecia, sem dúvida interessante ;).
Bom trabalho.

Reply
Anônimo
30 de dezembro de 2008 13:35 delete

http://img204.imageshack.us/img204/2290/frasesbf7.jpg

tal como disseram mais atrás... o único modo de proteger imagens é: NÃO PUBLICAR! :D

(este comentário não é para publicar)

Reply
30 de dezembro de 2008 15:06 delete

sem duvida existem tantas maneiras de copiar textos e imagens que só não publicando para realmente impedir a código, por isso já falei na postagem que esses códigos apenas dificultam um pouco.

Reply
18 de janeiro de 2009 16:20 delete

Ola amigo, seu blog é um espetaculo. Ajuda muito, ainda mais para quem esta comecando. Eu estou com uma dificuldade. Tenho um blog de jogos on-line. Consegui bloquear o botao direito pela dica do seu blog. Agora, so nao consigo bloquear a imagem. Ex.: quando posto e coloco imagem, a imagem fica armazenado no blogspot. e quando clicam na imagem, ela abre o tamanho original. Ai esta a questao, como bloquear esta pagina para ninguem copiar?! Agradeceria a sua ajuda. Entre no meu blog, tem um email se puder me ajudar agradeco desde ja.

Reply
18 de janeiro de 2009 17:47 delete

Gold1688

você e outras pessoas já perguntaram por isso, então fiz uma postagem sobre o assunto

http://dicasparablogs.blogspot.com/2009/01/imagem-da-postagem.html

obrigado pela visita e por participar

Reply
18 de janeiro de 2009 18:22 delete

Otimo trabalho que voce faz aqui, ajudando nos leigos a melhorar o nosso blog e torna-lo mais seguros.

Reply
1 de abril de 2009 13:53 delete

olá,adoro suas dicas...mas não consegui proteger minhas imagens, vc poderia me ajudar passo a passo?
obrigada!

Reply
1 de abril de 2009 14:55 delete

silwia

a idéia dessa postagem é colocar uma imagem transparente sobre a sua imagem, então colocamos a imagem como fundo e por cima uma transparente assim quando copiarem vão fazer isso com a transparente, ou seja nada

Reply
27 de julho de 2009 21:54 delete

eu consigo pega essa imagem facil mesmo bloqueando o teclado; é só tirar uma foto da região da tela com o Photo Scape

Reply
28 de julho de 2009 14:19 delete

concordo, todos os códigos para impedir cópias tem suas falhas, não existe nenhum 100% seguro

Reply
17 de setembro de 2009 00:20 delete

A Um Método Sim Quando

Você Ta No Google Chrome Você Clica Na Imagem Com O Botão Direito E Clica EM Inspecionar Elementos E Vai Da Pra Ve A URL Da Imagem

Reply
17 de setembro de 2009 14:09 delete

foi exatamente o que eu disse não tem jeito de proteger totalmente as imagens ou textos

Reply
25 de novembro de 2009 16:01 delete

Olá tenho a mesma dúvida do João lah em cima, mas vc não respondeu...como faz pra colocar códigos html etc, nas postagens sem que eles sumam ao publicar?

Reply
25 de novembro de 2009 16:58 delete

aqui tem como publicar código
http://www.dicasparablogs.com.br/2009/01/publicar-codigo.html

também é possivel clicando em configurações e escolhendo o novo editor de postagens(fica quase no final da pagina)

depois na pagina de postagem veja nas opções lá tem mostrar o html

Reply
22 de janeiro de 2010 05:17 delete

Amigo, nao consegui proteger minhas imagens, porem o que eu gostaria mesmo era proteger minhas fotos, fotos de famlia, etc...
Porem nao sei onde colocar o codigo acima e se tem de colocar uma unica vez, ou se todas as vezes que for adicionar uma imagem.
Estou aprendendo muito com voces, adoro o blog e sempre estou de olho.
Beijao

Reply
22 de janeiro de 2010 17:19 delete

Fabiano, nao estou conseguindo e preciso postar minhas imagens e sao de familia.
Obrigada

Reply
25 de janeiro de 2010 15:01 delete

Será que voce nao vai me responder fabiano, sniff sniff sniff...
vou excluir meu blog e começar tudo de novo, jogar fora um ano de postagem, sniff sniff sniff

Bj

Reply
25 de janeiro de 2010 15:20 delete

Rô Lopes e Mércio Moura
infelizmente mesmo usando os códigos sempre será possível copiar as imagens não existe um código 100% seguro

Reply
30 de janeiro de 2010 16:11 delete

Fabiano, boa tarde!
No meu blog, esta diferentemente do seu o HTML, entao vou colar aqui e veja o que pode me auxiliar, pois preciso proteger as imagens, visto que colocarei outras, senão terei de ficar com o blog fechado ate encontrar um template que tenha as mesmas palavras que o teu, rsrs... Porque só voce entende bem de blog.

Veja:






Dá uma chegadinha no meu blog para voce espiar e me auxiliar por favor...

http://amandoevivendo.blogspot.com

To peranoooo

Reply
30 de janeiro de 2010 19:31 delete

esse código para proteger imagens não tem nada a ver com o código do seu blog, funciona em qualquer lugar

Reply
1 de maio de 2010 14:20 delete

é impossivel proteger as imagens, mesmo com este código..
qualquer pessoa pode tirar uma simples print e depois salvar
´=s

Reply
3 de maio de 2010 16:47 delete

só uma coisa que eu nao entendi gente:
esse código coloca-se como link da imagem q quer proteger?
por favor, se possivel, me esclareça onde este código será colocado...
obrigado

Reply
3 de maio de 2010 17:01 delete

Santiago
esse código tem que ser alterado em cada imagem que colocar no blog, não tem como fazer uma vez só para todas.

Reply
27 de maio de 2010 17:54 delete

Amei suas dicas muito boas msmo
\o/ :D

Reply
28 de junho de 2010 11:21 delete

Gostei , mas tem gente que copia a foto fazendo o print dela .

seu blog é exelente , parabéns!

beijos

Reply
1 de agosto de 2010 15:55 delete

Fabiano, parabens pelo blog, suas dicas são maravilhosa. A cada dia aprendo um pouco mais. E agora estou tentando colocar uma caixinha com um pequeno texto de poesia, com as frases surgindo debaixo para cima, localizada bem no rodapé da página, mas não consigo separar as frases direitinho(linha a linha). Se for possível, gostaria de uma dica de como fazer. Mas caso não possa, já valeu, suas dicas aqui são maravilhosas.
O meu blog é: www.curiosacoruja.blogspot.com
Um grande abraço.

Reply
Anônimo
5 de setembro de 2010 12:53 delete

Cara, não consegui entender (mesmo lendo os outros comentários) como fazer para proteger com esse código de transparência. Desculpe-me, mas dá para você desenhar pra mim? É lá no blogger, na parte Imagem que coloco esse tal código. O que não entendo é quando você fala para "ajustar" o tamanho com a imagem. Eu já sei que não é 100% possível de bloquear cópias, mas mesmo assim eu gostaria de saber melhor. Qual código é esse e onde eu coloco? (desculpe te fazer repetir cara...mesmo). Seu blog é ótimo e você está de parabéns. Obrigado

Reply
5 de setembro de 2010 14:58 delete

ajustar o tamanho da imagem neste código é mudar os valores 480 e 61 para o tamanho da imagem que for utilizar

Reply
31 de outubro de 2010 14:41 delete

Olá Fabiano,estou aqui mais uma vez no seu blog, quer dizer imensas vezes o seu blog é extremamente incrivel.Bom vamos direto ao assunto,a muito tempo eu tenho uma técnica criada por miim,e sei como pegar as imagens sem a caoa transparente essas coisas mais assim eu não pego, eu só uso essa técnica com a função padrão, por favor entre em contato comigo te falarei essa minha técnica e para esclarecer a sua cabeça,para que consiga o mais perto da perfeição ou á perfeição.Posso te ajudar com esses problemas e outros,se quiser a minha ajuda estou a disposição.

Reply
31 de outubro de 2010 18:07 delete

concordo com você que sempre existe um jeito de copiar as imagens, essas coisas apenas dificultam um pouco.

se tem alguma idéia sobre o assunto pode escrever e mandar para nosso email se publicarmos vamos colocar o link do seu blog como autor da postagem

Reply
3 de novembro de 2010 17:20 delete

Fabiano,
Agradecida pela sua explicação.

Ana

Reply
18 de fevereiro de 2011 18:31 delete

muito bom mais gostaria de saber se nao tem como proteger todo as as imagens de uma vez só.Seria mais pratico.

Reply
18 de fevereiro de 2011 22:12 delete

Carla Herculana
infelizmente esse código tem que ser utilizado em uma imagem por vez

Reply
6 de abril de 2011 20:57 delete

ola querido fabiano, hoje tive o grande prazer de entrar em seu blog oqual me ajudou muito, mas eu assim como outrs que psotaram nao sei onde colocar o cod que passou pra dificultar o acesso a minhas imagem, por gentileza me ajuda mais um pouco.
bj

Reply
7 de abril de 2011 15:14 delete

essa alteração de código tem que ser feita na hora que postar uma imagem... mas é mesmo chato de fazer...

Reply
18 de junho de 2011 16:50 delete

Bom, eu não sei como, mas dá pra fazer isso no image shack, pois lá o dono da imagem escolhe o site em que a imagem esta sendo permitida a ser exibida.

outros sites com o mesmo link levando a sua imagem verá isso no lugar:

http://imageshack.us/img/blocked_login.jpg

gostei muito disso e é bom para quem não usa uma hospedagem de imagens como o ImageShack.

Reply
19 de junho de 2011 00:46 delete

o problema é que o imageshack excluiu muitas imagens... e ñao tem como recuperar.. só postando novamente a imagem

Reply
Anônimo
6 de julho de 2011 23:35 delete

Gemte ta muito complicado =/

Reply
26 de julho de 2011 13:56 delete

Fabiano,

Você já postou ou conhece algum tutorial que faz o seguinte :

Quando alguém copia uma imagem do seu blog e cola no dela a foto fica normal, mas quando a tal pessoa publica o post, a imagem muda para outra com o aviso de plágio ou outro aviso...

Aguardo sua resposta

Reply
26 de julho de 2011 14:53 delete

CandyReis
não publiquei sobre isso, mas já vi o código...

o que as pessoas fazem é hospedar uma imagem e depois de um tempo alterar a imagem, mas isso é para quem tem hospedagem propria... por exemplo você envia uma imagem para o google sites com o nome oceano.gif e publica no seu blog... ai algumas pessoas copiam.... depois de um tempo (um mês por exemplo) você vai no google sites onde hospedou a imagem e troca a imagem oceano.gif por outro com o mesmo nome só que essa nova imagem é com o aviso de plagio, então ela aparecerá em todos os lugares que usarem a tal imagem

Reply
26 de julho de 2011 15:05 delete

Ah que legal, muito obrigada, ajudou bastante!

Reply
23 de setembro de 2011 15:44 delete

Vou tirar esses códigos de botão direito ctrl+c no meu blog pq agora com o efeito lightbox só clicar na imagem e pronto

Reply
6 de novembro de 2011 13:54 delete

Oii, eu tenho meu blog a poucos meses e sei pouca coisa sobre blog, o onde eu coloco o codigo???

Reply
6 de novembro de 2011 14:21 delete

esse código tem que ser usado em cada imagem que publicar...

pode ser nas postagens ou gadget de html/javascript

Reply
13 de abril de 2012 20:37 delete

Fabiano,eu não sei se vc ja viu mas eu vi sobre uma proteção de imagens num site,que quando a gente copia alguma foto de lá,automaticamente a imagem copiada é atualizada no lugar em que colamos. Fica assim^:
Imagem copiada do site exemplo.com e ainda aprece um logotipo.

Sabe como faz isso?

Reply
14 de abril de 2012 00:42 delete

esse para imagens eu não tenho o código, mas veja aqui um para texto

Proteger os textos do blog contra copias

Reply
17 de junho de 2012 17:41 delete

Fabiano, boa tarde! Tenho um blog de fotografias e desejo dificultar as suas cópias, dai achei seu blog. Esse código que você mencionou, onde devo inserí-lo? Em propriedades da imagem, é isso? Por favor, seja um pouco mais detalhista porque eu sou meio enrolada nessas coisas e iniciante em blogs (rs). Ah sim, meu blog é do blogspot. Aguardarei ansiosa sua resposta. Gracias!

Reply
17 de junho de 2012 21:08 delete

acho que a melhor opção para proteger fotos é escrever sobre elas veja aqui: Escrever sobre Fotos e Imagens - Criar Marca d'agua

isso não impede a cópia diretamente, mas obriga a mostrar seu link

Reply
25 de janeiro de 2013 19:51 delete

Ola!Fabiano pode me ajudar,eu queria saber como mudar a barra de rolagem na direita da tela,aquela que e gente usa pra subir o blog e descer,eu ja vi uns blogs com barras diferentes e não sei como mudar o meu.ajuda?

Reply
26 de janeiro de 2013 00:05 delete

testei alguns códigos para mudar a cor da barra de rolagem mas não funcionou em todos os navegadores por isso não fiz um tutorial sobre o assunto

Reply
3 de agosto de 2013 13:43 delete

uma perguntinha...
aonde vai esse código??
obrigada...
bjs!!!

Reply
3 de agosto de 2013 14:37 delete

Joana tem que editar o código de cada imagem...

mas acho que é melhor usar um programa para escrever sobre as imagens veja aqui:
Escrever sobre Fotos e Imagens - Criar Marca d'agua

Reply