O Blog que te ajuda todas as horas. Dicas para Android, Documentos, Facebook e Internet em geral.

26 de ago. de 2012

Como criar URL para imagens?




HTML
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:



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.

Um comentário: