Imagens Do Blog – Hospedagem Externa ou no Próprio Servidor?

Atualização 03/03/2013 - como parte da gradual união de diversos serviços do Google, o Picasa foi incorporado com os álbuns do GooglePlus. A descrição de como criar sua conta não serve mais, mas o método de inserir imagens no blog usando o url é o mesmo - agora com imagens vindas dos álbuns no GooglePlus.

Muitos autores de blogs recorrem, quando precisam de armazenamento para imagens exibidas nas postagens, a serviços externos de hospedagem. Para os que usam servidores com limitação de transferência mensal, manter imagens no próprio servidor pode ser um desastre, especiamente quem usa muitas imagens, como fotoblogs; se a largura mensal estourar seu blog acaba fora do ar, ou com velocidade restrita o resto do mês (o que lhe causará a perda de preciosas visitas).

Mas com as opções disponíveis para hospedar imagens, em qual devemos confiar, e qual a mais indicada? Recentemente, muitos blogueiros tiveram a desagradável surpresa com o famigerado "sapo congelado", imagem padrão que apareceu no lugar das suas imagens que estão hospedadas no Imageshack.

Na minha visão, dois serviços confiáveis para este trabalho são o Picasa, da Google, e o Flickr, da Yahoo. Por serem administrados por gigantes da tecnologia, a probabilidade de alguma catástrofe acontecer é quase nula (isso aconteceu, por exemplo, com o Imagehost, que fechou as portas subitamente; já não aceita novos uploads e só promete manter as imagens que lá estão por alguns meses... depois, adeus imagens).

Atualização 21/12/2012: já fechou faz tempo, quem tinha imagens lá e não tirou, dançou...

Vou mostrar num passo-a-passo como hospedar as imagens para seu blog no Picasa, que é o serviço mais usado aqui no Tutoriart. Afinal, tem a garantia Google de qualidade, e embora alguns reclamem de pequenos detalhes técnicos, você verá que tudo pode ser resolvido, ganhando assim bastante espaço para guardar suas imagens com segurança.

Hospedando Imagens (Gratuitamente) no Picasa

Você precisa ter uma conta nos serviços Google. Se não quiser usar sua conta pessoal para isso (por exemplo, a conta que você usa para acessar o Orkut, GMail, etc), abra uma conta nova.

Já devidamente logado, acesse a página do Picasa. Na primeira vez, serão pedidas algumas informações; preencha-as e siga em frente.

Clique em Yes, Create my Google Profile (Sim, clique meu Perfil do Google).

Verifique seu e-mail (o que você cadastrou no serviço do Google) e clique no link da verificação da conta.

A partir daí, você já pode fazer upload de imagens. São oferecidas outras opções, como fazer o download do software do Picasa, que é gratuito e permite gerenciar suas imagens online, mas não abordaremos isso aqui.

Siga agora para a página do Picasa. Será oferecido o download do software Picasa, para gerenciar e editar suas imagens online. Não vamos abordar esse assunto agora.

No menu ao lado do logo do Picasa, há algumas opções: Home - My Photos - Explore. Ao lado deles, um botão: Upload. Clique neste botão para começar a enviar fotos para seus álbuns online.

Será aberta uma janela onde você deve inserir o nome do álbum em que ficarão as fotos que enviar. Em Title, coloque o título do álbum. Em visibility, você pode escolher o compartilhamento da pasta: Public on the Web vai tornar o álbum visível para qualquer visitante; Anyone with the link permitirá que apenas pessoas com o link para o álbum e seu conteúdo tenham acesso, e Private impedirá que outras pessoas acessem o álbum, garantindo sua privacidade caso pretenda enviar fotos particulares.

Como será uma imagem para a web, usaremos Public on the Web; clique em Continue.

O botão Choose photos to upload (Escolha fotos para fazer upload) vai dar acesso a uma janela, onde você poderá escolher as imagens que quiser publicar.

Repare no canto inferior direito da tela, o marcador Online Storage: ele mostra quanto espaço você tem disponível ainda para imagens. Cada conta começa com um espaço de 1 Gb (na verdade, 1024 Mb).

Se quiser mais espaço, clique em Upgrade Storage: você poderá comprar mais espaço em disco, começando com 20 Gb por US$ 5,00/ano.

Mas continuando: clique no Choose photos... e selecione as imagens que quer subir para o servidor, quantas quiser.

Com a imagem selecionada, clique em OK para confirmar.

Publicando a Imagem no Seu Blog

Clique sobre a miniatura da imagem escolhida, ela será aberta em destaque. Note que, apesar do tamanho original ser 1200 x 900 pixels, a imagem ficou bem menor: isto acontece porque o Picasa redimensiona imagens muito grandes, o que poderia ser um empecilho para exibí-las no tamanho original no seu blog. Mas isso pode ser contornado, se você quiser.

Clique com o botão direito sobre a imagem, selecione a opção Copiar Endereço da Imagem (isso no Firefox; em outros navegadores, também há uma opção para copiar o endereço da imagem, normalmente algo como Copiar URL, Copy image URL, Copiar endereço, etc.)

Esse endereço copiado é o que você vai usar no seu blog, onde quiser exibir a imagem. No caso que foi mostrado aqui, o link ficou assim:

https://lh3.googleusercontent.com/_BoKiV_f8Z8c/TbmxwLy9ivI/AAAAAAAAABU/S
NXcRDJeQTQ/s640/lampadas.jpg

Mas, ao seguir o link, você vai notar que ela continua reduzida em relação à original. Para que possamos mostrá-la em seu tamanho original, é preciso fazer uma pequena alteração no URL obtido.

Note no URL, que há um "s640" (pode ser outro valor, como s512, etc). Ele é um código automático que reduz o tamanho da imagem. Deve-se editar esse pedaço do URL. Para conseguir uma largura maior, aumente o valor para um tamanho maior do que o da imagem.

• Por exemplo, em vez disso:

...SNXcRDJeQTQ/s640/lampadas.jpg

• Você pode usar isso:

...SNXcRDJeQTQ/s1100/lampadas.jpg

Veja a diferença: esta imagem usa o link original; esta usa  o link onde o s640 foi alterado para s1100.

Esse será o URL que poderá ser utilizado em qualquer local para publicar a imagem, como no seu blog WordPress.

Método Nativo do Picasa

O outro método de conseguir o endereço da imagem no tamanho original é usar  o link oferecido no menu que fica do lado direito da tela quando uma imagem está aberta.

1 - clique sobre o link com a corrente;

2 - escolha entre as opções de tamanho. Se quiser a imagem com seu tamanho máximo, escolha Tamanho original;

3 e 4 - em Incorporar imagem, você copia o url da imagem já com o tamanho que você escolheu, então é só usá-lo onde quiser. Mas não esqueça de marcar a caixa Somente imagem antes!

Espero que tenha sido útil. Se tiverem dúvidas, comentem.

Leia também...

• 

  Photoshop CC: Nova Versão “Na Nuvem” Disponível em Junho

  O novo Photoshop, que estará disponível só pela Creative Cloud, teve algumas ferramentas anunciadas na conferência Adobe Max, em Los Angeles, nessa semana. Com o Photoshop CC, a empresa passa a oferecer acesso ao software "em nuvem" através do pagamento de planos mensais ou anuais. Será que o fim da suíte CS e da mídia física vai acabar com a pirataria, ou só acelerar a migração desse público para outros softwares?

  De qualquer forma, são várias novidades para os usuários, entre elas: redução de tremor da câmera, que promete salvar fotos que você pensava ter perdido pelo movimento ao fotografar; aprimoramentos nas seleções de formas e demarcadores; melhorias no Camera Raw; aplicação inteligente de nitidez e muito mais. Vamos dar uma passada em algumas das novas possibilidades do Photoshop CC.

• 

  Técnicas: Crop (Corte Demarcado) Não-Destrutivo no Photoshop

  A ferramenta Crop (Corte Demarcado) pode ser a salvação daquela foto que você tirou e ficou meio torta, com um enquadramento não muito interessante, ou com um elemento atrapalhando a composição (tipo um cara que ia passando e saiu na borda da cena ou alguém que aparece fazendo careta no canto da imagem).

  Mas é preciso tomar um pequeno cuidado ao usá-la para não comprometer seu arquivo com um dano permanente, que não poderá ser corrigido depois durante ou após o fim do trabalho. Basta um pequeno ajuste nas opções da ferramenta para garantir que o corte só esconda as áreas eliminadas e não as exclua de vez.

  Assim, caso você precise reajustar o enquadramento, os pixels ainda estarão lá disponíveis, evitando ter que recomeçar a edição do zero.

• 

  Efeito Bokeh Ficou Fácil Com Novos Desfoques do Photoshop CS6

  Pra criar efeitos bonitos simulando bokeh no Photoshop era preciso usar pincéis especiais, misturar filtros ou outras gambiarras, mas depois do CS6 e seus novos tipos de desfoque, ficou bem mais fácil - pelo menos na aplicação sobre fotografias e ilustrações em geral.

  Leia também → Tutorial: Criando um Papel de Parede em Bokeh no Photoshop

  A opção está em "Efeitos de desfoque", guia que aparece quando começamos a aplicar os desfoques de campo, íris ou tilt-shift. Basta ajustar os valores de suavidade, intensidade de cor e intervalo de luz e sombra.

  Vamos ver um exemplo simples e prático.