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

Link desta Pagina

Compartilhe essa Página

62 comentários:

  1. 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).

    ResponderExcluir
  2. 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.

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

    ResponderExcluir
  4. 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.

    ResponderExcluir
  5. 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?

    ResponderExcluir


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

    ResponderExcluir
  7. 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.♥

    ResponderExcluir
  8. 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....

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

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

    ResponderExcluir
  11. 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)

    ResponderExcluir
  12. 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.

    ResponderExcluir
  13. 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.

    ResponderExcluir
  14. 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

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

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

    ResponderExcluir
  17. 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

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

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

    ResponderExcluir
  20. 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

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

    ResponderExcluir
  22. 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?

    ResponderExcluir
  23. 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

    ResponderExcluir
  24. 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

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

    ResponderExcluir
  26. 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

    ResponderExcluir
  27. 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

    ResponderExcluir
  28. 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

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

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

    ResponderExcluir
  31. 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

    ResponderExcluir
  32. 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.

    ResponderExcluir
  33. Amei suas dicas muito boas msmo
    \o/ :D

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

    seu blog é exelente , parabéns!

    beijos

    ResponderExcluir
  35. 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.

    ResponderExcluir
  36. 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

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

    ResponderExcluir
  38. 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.

    ResponderExcluir
  39. 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

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

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

    ResponderExcluir
  42. 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

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

    ResponderExcluir
  44. 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.

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

    ResponderExcluir
  46. Gemte ta muito complicado =/

    ResponderExcluir
  47. 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

    ResponderExcluir
  48. 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

    ResponderExcluir
  49. Ah que legal, muito obrigada, ajudou bastante!

    ResponderExcluir
  50. 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

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

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

    pode ser nas postagens ou gadget de html/javascript

    ResponderExcluir
  53. 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?

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

    Proteger os textos do blog contra copias

    ResponderExcluir
  55. 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!

    ResponderExcluir
  56. 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

    ResponderExcluir
  57. 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?

    ResponderExcluir
  58. 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

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

    ResponderExcluir
  60. 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

    ResponderExcluir