Image Placeholder
“Image Placeholders” é o nome dado a aquelas imagens falsas que ficam guardando o lugar para as imagens certas da tela, porém sempre que precisamos de imagens assim, lá vamos nós no fireworks, gimp, photoshop para criarmos essas imagens sem nada muito especial.
E vamos concordar que isso toma um tempo digamos considerável durante a programação.
Então aqui estão alguns sites apenas com a url você consegue criar essas imagens sem nenhuma complicação.
Para usar:
Simples imagem: http://placehold.it/350×150
Com Cores diferentes: http://placehold.it/350×150/000000/FFFFFF
(Nessa a seguência será: Tamanho/Cor Hex de Fundo / Cor Hex da Fonte)
Com Texto Personalizado: http://placehold.it/300&text=placehold.it+rocks!
(Nessa a sequência será: Tamanho &text=Texto)
Lembrando que na opção acima sempre se deve trocar o espaços pelo símbolo ” + “.
Agora vamos ao modo ”Tudo Junto e Misturado”
http://placehold.it/500×250/C89A2B/000000&text=placehold.it+rocks!
Para usar é praticamente como o anterior porém temos 3 vantagens adicionais nesse.
Primeira: No próprio site tem uma ferramenta que te ajuda na geração da URL com preview em tempo real.
Segunda: Ele tem como você utilizar Aspect Ratio para gerar imagens onde você só queira passar a altura(height) ou a largura(width) e deixar que o sistema calcule a outra dimensão como por exemplo:
http://dummyimage.com/640×4:3 o sistema vai gerar uma imagem de 640 de largura com altura na proporção de 4:3 (Standard).
http://dummyimage.com/16:9×1080 já nesse outro ele vai gerar uma imagem com 1080 de altura com largura seguindo a proporção 16:9 (Widescreen).
Suporta opções como Tamanhos, Cores, Formatos, Textos Customizados, suporta ser utilizado em Flash e o que é uma grande ajuda, ele ja tem vários tamanhos de imagens pré-determinados no sistema halfbanner, vga, ntsc, hd720, hd1080
Para mais opções dê uma olhada no website, lá vocês vão encontrar todas as opções disponíveis.
Peraí Maluco, mas eu gosto de usar fotos de cães e gatos! … espere “Seus problemas acabaram!” (hahahahahah) porque temos abaixo 2 opções:
Para usar é bem simples: http://placedog.com/400/300 que basicamente é ( /largura /altura ) da imagem a ser gerada.
Para usar é bem simples: http://placedog.com/400/300 que basicamente é ( /largura /altura ) da imagem a ser gerada.
Bom agora chegamos em um que pode interessar a todos um pouco mais que os anteriores pois ele utiliza o Flickr para gerar as imagens.
Bom esse é bem legal porque ele gera os placeholders com imagens vindas diretamente do Flickr.
Recurso ele une a simplicidade de só precisar usar a url com a largura e altura da imagem, como por exemplo: http://flickholdr.com/200/300
Porém ele conta com uma funcionalidade muito legal, porque podemos passar tags para ele selecionar somente fotos com aquelas tags, exemplo: http://flickholdr.com/200/300/sea,sun
E ainda temos o recurso de poder pegar imagens em preto e branco passando no final da url o parâmetro “/bw”, exemplo: http://flickholdr.com/200/300/sea,sun/bw
Opa usar qualquer uma das opções de urls que mostrei nos sites acima é simples, basta colocar elas no atributo src da sua tag de img, exemplo:
<img src=”http://flickholdr.com/200/300/sea,sun” alt=”Imagem” />
Bom galera espero que tenham gostado e que seja útil tanto quanto é pra mim.
Abraço do Maluco!!! 
t+
