20/07/2012

Tutorial Completo sobre Criar, Colocar e Proteger Imagens no seu Blog

Usar imagens nas postagens do blog envolve muitas coisas: criar ou achar imagens, proteger as imagens contra copias, programas ou sites de edição de fotos e imagem, técnicas de SEO para conseguir aparecer nos resultados das pesquisas de imagens do Google. Além é claro de servir de ilustração dos textos publicados no blog como forma de explicar melhor o conteúdo e manter a atenção dos visitantes.

Por isso vamos fazer um resumo sobre esses diversos assuntos relacionados a imagens para usar no blog. Mas antes de entrar no assunto recomendamos que leiam nossas postagens sobre:
Regras do Adsense: Evite Punições, Cliques Inválidos
Regras do Blogger: Saiba o que é Permitido ou Proibido para Evitar Punições

Afinal é preciso ter cuidado com o que publicamos em nosso blog ou site para evitar punições do Google ou algum outro problema por não respeitar as regras e leis da internet.

Sobre criar ou editar imagens já mostramos algumas sugestões:
Site para Fazer Imagens Online e Criar Banners com Efeitos
Editor de Fotos e Imagens Online Grátis
Colocar e Configurar Efeito LightBox nas Imagens no Blogspot

No caso de imagens de banners de parceria ou imagem de fundo para usar no blog você pode hospedar a imagem no próprio blogger. Isso é uma maneira para ter controle sobre a imagem e garantir que ela não será apagada por ninguém.

Existem muitos códigos para proteger as imagens e textos contra cópias, mas sempre tem alguma forma de burlar esses códigos por isso no caso das imagens recomendamos fazer a marca d'água na imagem, ou seja, escrever o endereço do seu blog sobre a imagem como fazemos aqui no Dicas para Blogs.

proteger imagens na internet

Você também pode achar ícones e imagens prontas na internet, veja os links abaixo:
Achar Imagens ou Fotos Parecidas no Google - Busca por Imagem
Achar Icones para Redes Sociais (Twitter, Facebook, Orkut)
25 sites com Imagens Grátis para Baixar e Usar
Programas Gratuitos para Edição de Imagens

Finalmente sobre aparecer nos resultados das buscas Google de imagens recomendamos sempre escolher nomes que descrevam a imagem e usar os atributos alt nas imagens veja um exemplo do código:
<img src="endereço da imagem" alt="texto sobre a imagem" width="300" height="228" border="0" />

Falamos mais detalhado sobre isso nos tutoriais:
Colocar Descrição em cada Postagem do Blogger - Usar Meta Tags
Descrição em Imagens e Textos - Tag Alt e Title

Claro que existem muitos outros detalhes sobre utilização de imagens ou fotos no blog por isso deixe suas duvidas ou sugestões nos comentários e ajude-nos a deixar esse tutorial mais completo.
Related Posts with Thumbnails

21 comentários:

  1. Gostei, proteger imagens do blog é uma coisa em alguns casos bem difícil =/ Podia ter alguma dica de como proteger de hotlink também :D

    ResponderExcluir
  2. Olá Fabiano
    gostaria de saber como se faz para criar um link de outro idioma para tradução no site:
    por exemplo:
    english.christianpost.com
    portuguese.christianpost.com
    O site continua o mesmo, mas traduz o blog
    Ajuda!

    ResponderExcluir
  3. Talysson veja aqui: Escrever sobre Fotos e Imagens - Criar Marca d'agua

    faltou colocar esse link no tutorial. Vou atualizar e corrigir isso.

    acho mais facil escrever sobre a imagem do que os códigos para impedir cópias porque códigos sempre tem como burlar

    obrigado por falar sobre isso e me lembrar desta parte que faltou.

    ResponderExcluir
  4. José Iran Filho para fazer isso você precisa usar subdominio, veja aqui: Como Criar e Configurar um Subdominio no Blog

    mas a publicação você teria que fazer nos dois idiomas não tem como fazer de forma automática.

    ResponderExcluir
  5. Boa tarde
    Onde posso encontra resposta p/ a seguinte questão:
    No novo blogger não me aparece o menu de ferramentas das mensagens completo o que me impede de postar fotografias.
    Pode-me responder para aaldraba@gmail.com?
    Agradecida

    ResponderExcluir
  6. Desde que entrei no mundo da blogesfera esse blog tem me ajudado muito, quero deixar aqui meus agradecimentos aos autores das dicas.

    Um grande abraço! E muito sucesso a todos!

    André Luis.

    ResponderExcluir
  7. ESTOU INICIANDO UM BLOG SOBRE DICAS DE PRODUTOS DE BELEZA .MINHA DÚVIDA É SE POSSO USAR IMAGENS DOS PRODUTOS OU DE ARTISTAS QUE USAM OS PRODUTOS QUE FAREI A POSTAGEM (EX. ALGUMA COR DE UNHA OU BATOM).
    OBRIGADO

    ResponderExcluir
  8. imagens também tem direitos autorais.

    acho meio complicado usar imagens de artistas afirmando que eles usam tal produto a não ser que seja uma imagem de publicidade do proprio produto.

    ResponderExcluir
  9. fABIANO,

    QUERO COLOCAR UMA CAPELA VIRTUAL NO MEU BLOG, POSSUO UMA FOTO DE CAPELA E GOSTARIA DE ANIMA-LA, COMO POSSO FAZER ISSO... QUE RECURSO POSSO UTILIZAR..GOSTARIA QUE CLICASSEM NA IMAGEM E DESCE A IMPRESSÃO DE ESTAR ABRINDO A PORTA, DANDO IDEIA DE ESTAR LÁ DENTRO COMO POSSO FAZER ISSO...SALVAR NO BLOG A IMAGEM CRIADA COM ESTE EFEITO...VC SABE COMO FAZER... PODE ME AJUDAR...

    ResponderExcluir
  10. é possivel fazer essa animação que você falou, mas precisa ser feito em flash e para isso precisa tero programa e saber utilizar.

    pagar para alguém fazer pode ser um pouco caro dependendo do profissional que escolher.

    ResponderExcluir
  11. nossa como é dificil axar algo pra me emagrecer em uma foto affs

    ResponderExcluir
  12. Anônimo os programas e sites para editar fotos são complicados no começo mas depois que você pega um pouco de pratica fica bem mais fácil

    ResponderExcluir
  13. QUANDO EU CLICO NOS BOTOES DO MENU, ELE VAI PRA MESMA PAGINA

    COMO QU FAÇO PARA REDIRECIONAR PARA OUTRA PÁGINA???????????

    ResponderExcluir
  14. Imagine Belieber para abrir links em outro pagina precisa colocar target blank no código dos links, assim:

    <a href='http://www.dicasparablogs.com.br/2012/07/criar-colocar-proteger-imagens.html' title='Tutorial Completo sobre Criar, Colocar e Proteger Imagens no seu Blog' target="_blank">Tutorial Completo sobre Criar, Colocar e Proteger Imagens no seu Blog</a>

    ResponderExcluir
  15. Pode me ajudar com uma dúvida, por favor? Há muito tempo eu uso códigos contra plágio em meu blog [ que impeçam de selecionar textos, desativando o botão direito do mouse, o arrastar e soltar imagens..]

    Porém agora, por motivo que eu desconheço, basta clicar com o botão ESQUERDO do mouse e a imagem abre em outra guia, possibilitando assim, copiar a imagem.

    Meu blog para visualizar o que eu descrevi é http://cartasparamichael.blogspot.com.br/

    Mito obrigada.

    ResponderExcluir
  16. Rosane

    toda imagem no blogger tem um link para si mesma, então se não usar o efeito lightbox padrão do blogger ao clicar na imagem abre somente a imagem

    isso é normal no blog e não tem como impedir.

    alias teria como impedir se você retirar os links das imagens, mas precisaria editar cada post.

    sugiro que ative o efeito lightbox e outra coisa útil é escrever o endereço do seu blog sobre as imagens isso não impede a copia mas obriga a mostrar o endereço do seu site

    ResponderExcluir
  17. Sim, eu compreendo, mas isso não acontecia, antes...

    vou seguir a sua dica. Muito obrigada.

    ResponderExcluir
  18. ...mas como se faz para ativar o efeito lightbox? rs

    ResponderExcluir
  19. completando meu comentário anterior. Vc tem razão sobre isso, e acho que entendi a causa.

    A opção lightbox está ATIVA nas configurações do blog, porém não está funcionando.

    Me lembro que antes ela funcionava, e assim, não era possivel a cópia.

    Em resumo:

    a opção lightbox está ATIVA mas não funciona. Mistério.

    ResponderExcluir
  20. o problema deve ser no seu template...

    se baixou pronto de algum site ele pode usar códigos e arquivos externos que pararam de funcionar... se for esse o caso não tem como resolver...

    veja aqui o código do lightbox
    Como Desativar o Efeito Lightbox Padrão do Blogger

    o tutorial é sobre desativar mas servirá para você comparar os códigos

    ResponderExcluir
  21. Fabiano.. o lightbox voltou a funcionar normalmente, nesta manhã.
    Achei importante compartilhar aqui com vc, para nossa informação.

    O que ocorreu foi um BUG no blogger, porque eu não fiz nenhuma
    interferência no HTML e ele voltou ao normal por si mesmo.

    E o lightbox voltou a funcionar, ao mesmo tempo, no blog de uma amiga minha.

    Muito obrigada, mesmo.

    ResponderExcluir