31 de mai de 2011

Como criar um URL para imagens?

Imagem
Bom, ensinamos na postagem anterior a esta tags de inserção de imagens e até de formatação como altura, largura, borda e teto de apresentação da imagem. Mas para que você possa trabalhar com uma imagem em seu blog a partir da linguagem HTML, é necessário que ela esteja hospedada na web para adquirir uma URL.

Sem essa URL você não poderá inserir imagens em gadgets personalizados por exemplo.

Vamos aprender o que significa URL e como criar uma a partir de uma imagem que está em seu computador.

Definição de URL

URL - Uniform Resource Locator (em inglês). Que em português significa: Localizador Uniforme de Recursos. Seria como um endereço identificando onde está localizado algo na web.

Quase tudo quanto está hospedado na web, tem seu endereço e localização. Por isso quando você hospeda uma imagem de seu computador na web; automaticamente ela recebe um endereço de localização que define o local onde ela está hospedada.

Não é diferente com os sites, blogs, arquivos em geral e outros elementos.

Sites de hospedagem

Geralmente as imagens ficam como no código que irei mostrar:

<img src= “nomedaimagem+muitas letras.jpg”>

Vou passar alguns dos serviços que podem gerar uma URL de suas imagens para que possa estar usando e abusando em seu blog como queira. Veja alguns:
  • Blogger – O próprio Blogger, quando você cria uma nova postagem e insere nela uma imagem tirada de seu computador; ele gera uma URL dessa imagem. Basta procurar no editor HTML da postagem e encontrar o endereço da imagem.
  • ImageShack -  Outro site que hospeda imagens em particular e com ele você simplesmente escolhe a imagem no computador  e após ele fazer o upload, você já terá acesso a links personalizados para sites/blogs; fóruns e outros.
  • Picasa – Um serviço voltado para criação de álbuns online que também armazena suas fotos e imagens e gera uma URL para as mesmas.

Veja a imagem abaixo como exemplo prático:




URL da Imagem: http://2.bp.blogspot.com/-S6RnH06SPak/TcVIJviEhpI/AAAAAAAABww/tlfKuhpqFw4/s1600/Banner+de+venda.png

Este é o endereço onde a imagem esta hospedada; em vermelho está o link do Blogger, onde a imagem está hospedada. Ao final do link, o nome que você deu a imagem e seu formato.

É essa URL que você usa quando quer inserir imagens no HTML de seu blog.
Longa mas valeu a pena não é mesmo? Está gostando de aprender um pouco sobre esta linguagem de princípio complicada? Não perca mais por aqui…

35 comentários:

  1. NÃO ENTENDI NADA.

    ResponderExcluir
    Respostas
    1. :-? Em que ficou em dúvidas Maria? Me diz o que deseja fazer e verei se posso ajudar com mais clareza esta bem? Estou a disposição.

      Excluir
    2. Ricardo a dúvida é onde encontrar a tal URL...no caso do programa PICASA.como e onde encontro isto?

      Excluir
    3. Olá Miguel Lago! Se no Picasa não houver proteção contra cópias; basta apenas clicar com o botão direito do mouse e ir na opção: "COPIAR URL DA IMAGEM".

      Feito isso, cole ela onde for usar entendeu? Espero que sim. Abraço!

      Excluir
  2. TENHO UMA FOTO COM O NÚMERO (BAÚ 048), COMO É QUE EU FAÇO PARA OBTER A URL DESTA FOTO?

    ResponderExcluir
  3. Olá caro amigo Marcos; fico feliz por sua manifestação. Se você não entendeu, não tem problema; vou explicar:

    1- Se esta imagem já esta na web, basta clicar com o botão direito e escolher "Copiar URL da imagem". Daí é só usar onde precisa que ela aparecerá lá.

    2- Se você tem a imagem no computador, basta fazer o upload dela em um servidor de imagens como Picasa, Image Shack, Blogger e outros. Após armazená-la em um destes serviços, ela já terá uma URL própria na web.

    Espero ter ajudado. Se restar dúvidas estamos ai.

    ResponderExcluir
  4. Meu amigo ricardo tomo a liberdade de o tratar assim e lhe deixar comentario ao k aki li no seu site gostei e mais gostei de saber sobre parceria postei seu barnner no meu blog pois gostaria de fazer parceria consigo e também o site da rádio love song se estiver interessado postava nossos barnners em seu blog ou sites como keira e nosso player...deixo aki os links pra se kiser dar uma passadinha em nossos sites e ver se gosta e se esta interresado na parceria sem mais por agora bj em seu coração meu blog ( http://myblogsandrabessa.blogspot.com/ ) e o site da rádio love song ( http://www.construtoronline.com/ssf/index.php?uid=453 )

    ResponderExcluir
  5. Olá minha amiga Sandra Bessa, para mim amizade é a curto prazo para conquista e longa estrada para duração. Fique a vontade.

    Desculpe a demora em responder. Assim que possível já estarei colocando os banners aqui no blog e talvez o player ok? Obrigado por se manifestar.

    ResponderExcluir
  6. Meu amigo, queria pergunta-lhe se tem como eu colocar uma musica de meu gosto nos servidores de imagem q eu criar, se tiver algum site me digas por favor... desde já agradeço!

    ResponderExcluir
  7. Olá amigo, tem sim. Mas não é possível fazer isso em servidores de imagens apenas de músicas mesmo.

    Vou passar alguns endereços e nomes para você dar uma olhada:
    http://www.myfabrik.com
    http://boomp3.com
    Last FM
    Radio Fusion
    Mixpod

    ResponderExcluir
  8. Respostas
    1. :>) Valeu pelo elogio David! Fico feliz que tenha servido, Deus o abençoe...

      Excluir
  9. ImageShack é o que eu procurava.Obrigada!

    ResponderExcluir
    Respostas
    1. :>) Obrigado pelo comentário! Fico feliz por ter ajudado.

      Excluir
  10. Que dahora valeu ai cara!!!!!!!!!

    ResponderExcluir
    Respostas
    1. Obrigado pelo seu comentário Luciano!

      Excluir
  11. Respostas
    1. (o) Fico feliz por isso meu amigo! Obrigado por se manifestar!

      Excluir
  12. Respostas
    1. (o) De nada meu amigo, Fico feliz por tê-lo ajudado! Obrigado por comentar!

      Excluir
    2. Ricardo... seguinte... tenho um html no meu blog com um url de imagem certo?
      Como eu faço para trocar essa imagem? Porem a imagem que eu quero nesse lugar está no meu computador como eu faço ?
      Abraços

      Excluir
    3. Fala Rafa! Você só precisa armazenar essa imagem em qualquer serviço desse tipo, como Google Drive; SkyDrive e outros e pegar a URL da mesma que será criada assim que fazer o upload da imagem para qualquer desses serviços.

      Depois basta acessar a imagem pelo HTML e substituir a URL pela nova e a imagem aparecerá no lugar da outra. Mas fique de olho na diferença de tamanho entre elas; pois pode ficar sobrando ou pequena demais conforme cada caso... Espero ter ajudado. Abraço!

      Excluir
  13. Respostas
    1. (o) Tchauuuuu! E volte sempre amiguinha tímida! Feliz por ter te ajudado!

      Excluir
  14. Ricardo F.S , se eu divulgar apenas o url da img, talvéz em uma rede social (apenas a url de uma imagem) contará visualização ao blogger? *Visualização no caso em contagem de acesso ao blogger

    ResponderExcluir
    Respostas
    1. ;(( Infelizmente não meu querido... Conta-se visualizações em seu blog se ele for realmente visualizado. Ou seja, quando um visitante "pisar os pés" em seu blog, contará como visualização; mesmo que ele permaneça nele por 5 segundos. Obrigado por perguntar.

      Excluir
  15. Olá Ricardo.

    Você poderia listar uns 10 sites que poderíamos usar para fazer upload de imagens.

    Valeu!

    ResponderExcluir
    Respostas
    1. (o) Fala meu querido amo Sandro Luiz! Seu pedido será uma ordem! Logo estarei publicando algo sobre isso em breve!

      Excluir
  16. Olá Ricardo, gostaria de uma ajuda.

    Tenho um site onde preciso enviar a URL da minha logo para o sistema de pagamento, sendo que ao inserir a imagem no servidor a mesma fica com a seguinte URL https://www.voupraboa.com.br/wp-content/uploads/2014/01/Logo-VPB-Cielo.gif e eu precisaria que essa imagem tivesse a seguinte URL https://www.voupraboa.com.br/logo ,
    é possível?
    como fazer?

    Abraço, desde já obrigado.

    ResponderExcluir
    Respostas
    1. [-( Bom meu amigo, a dica que posso te dar é que antes de armazenar a imagem no serviço de hospedagem que usou, nomeie ela como "logo" em seu computador. Mas ainda assim ela vai levar parte do endereço do site que a hospedou, porque isso é como um indicador de onde a imagem esta hospedada.

      Sem isso os servidores onde sua imagem será usada não teriam como localizar a mesma e carregá-la. Ou seja, esse "nome feio" que aparece juntamente com o de sua "logo" tem que existir para que ela seja localizada na web.

      Se há algum método que possibilite mudar e tirar o endereço do host, ainda não conheço. Espero ter ajudado.

      Excluir
  17. Entendi! Obrigada pela dica!

    ResponderExcluir
    Respostas
    1. (o) De nada minha amiga! Fico feliz que compreendeu as explicações! Abraço!

      Excluir
  18. Oi,gostaria de saber se com o smartphone tbm da pra copiar a url da foto,não é Android é Windows ok.Não consigo copiar a foto de nenhum jeito!

    ResponderExcluir
    Respostas
    1. Para copiar uma imagem (de uma página da web, por exemplo) toque e segure o dedo sobre a imagem. Em seguida, você pode optar por compartilhá-la por email, enviar um SMS ou salvá-la no telefone. Agora se for só pra copiar a URL; acredito que terá que abrir a imagem numa janela e daí poderá copiar o endereço que aparece no navegador. Tenta essa dica Alessandra...

      Espero que funcione e obrigado por participar.

      Excluir

Por favor, antes de comentar,procure observar umas regras antes para conservação da boa ordem e da decência neste blog e com outros leitores:

1. Só comente se realmente estiver a fim.
2. Comente dentro do assunto do artigo; outros assuntos use o email.
3. Não use palavras inconvenientes, ofensas e erros grotescos de digitação.
4. Não use este espaço para fazer spam, divulgue no blog devidamente.
5. Você pode comentar, elogiar, criticar, opinar e perguntar com ética.