Quantas vezes você começou a criar um site e faltaram aquelas imagens que o designer ficou de mandar?
Em horas como essa, conhecer um bom placeholder faz toda a diferença, até para otimizar seu tempo, sem precisar fazer muitas pesquisas.
Para ajudar nisso, nós separamos uma lista com as melhores opções de placeholders para ajudar no seu dia a dia. Confira:
- Placeholder.com;
- Placekitten;
- ImgPlaceholder;
- PlaceCage;
- Steven SeGALLERY;
- Lorem Picsum;
- Placebacon;
- Baconmockup;
- Dynamic Dummy Image Generator;
- Placeit.
O que é placeholder?Placeholder é uma expressão que vem do inglês: place (lugar) + hold (segurar/reservar) e se trata de um lugar que foi reservado com um propósito específico.Quando se projeta um novo layout de site web, por exemplo, é comum começar a trabalhar e não ter logo de início todas as imagens necessárias para finalizar o arranjo dos elementos. Geralmente, todos os serviços de placeholder tem o funcionamento parecido. Você insere uma imagem normal no HTML da sua página, apontando para o serviço de placeholder. Fica algo como <img src=”https://placekitten.com/g/200/300”>, que resulta na seguinte imagem (cortesia do GLORIOSO PlaceKitten): |
- Criação de sites: 7 ferramentas gratuitas para criar o seu layout navegável
- UX Design: 6 Ferramentas para análise de comportamento
- Velocidade do site: veja dicas para deixar mais rápido
1. Placeholder.com
O Placehoolder.com é um dos serviços mais simples da área que existe na Internet.
A simplicidade é sua melhor característica. Você pode mudar o formato do texto, cores e o tamanho da imagem, e não muito mais do que isso.
É ideal para uso no contexto profissional e indicado para todos os níveis de conhecimento da área.
2. Placekitten
O PlaceKitten é um pouco mais nichado e oferece fotos de filhotes de gatos.
É possível usar a plataforma em espaços reservados dentro dos seus designs ou código, apenas colocando o tamanho da imagem e a url.
3. ImgPlaceholder
Consegue sobrepor ícones do nosso velho conhecido Fontawesome. Também acompanha um gerador que permite configurar todos os parâmetros – tamanhos, cores e muito mais.
s e muito mais.
Confira materiais complementares para melhorar ainda mais a parte de design do seu site: Criação de sites: 7 ferramentas gratuitas para criar o seu layout navegável UX Design: 6 Ferramentas para análise de comportamento Velocidade do site: veja dicas para deixar mais rápido 60 Ferramentas de Produtividade Gratuitas |
4. PlaceCage
Permite incluir placeholders do “Deus Supremo da Atuação”, o eterno Nicolas Cage. É do mesmo autor que o Fill Murray e Steven SeaGallery.
Este possui inclusive a opção para trazer GIFs animados, para que você possa curtir a capacidade de atuação deste grande ator.
5. Steven SeGALLERY
Essa é mais uma opção nichada de placeholder e que oferece fotos do ator Steven Seagal.
Por mais que não sirva para todos os tipos de sites e afins, é ótima para páginas de humor e entretenimento.
6. Lorem Picsum
Trocadilho com Lorem Ipsum (que é um texto padrão que se usa quando não se tem o texto que vai no design). É filho do conhecido Unsplash, site que apresenta lindas fotos de uso livre, produzidas pela melhor- e mais generosa! – comunidade de fotógrafos.
7. Placebacon
Este aqui é especialmente para os carnívoros de plantão que apreciam a delícia chamada bacon.
Ou, ainda, para quem tem um restaurante e está procurando por imagens atrativas para usar no site ou redes sociais.
8. Baconmockup
Mais uma opção com a temática bacon! Plataformas como essa são muito interessantes porque mostram que é possível ter um placeholder sobre qualquer coisa.
Inclusive, pode ser um bom tipo de site para investir, afinal de contas, a todo momento as pessoas estão procurando por imagens.
9. Dynamic Dummy Image Generator
Este gerador de placeholder oferece diversas opções de personalização, como largura e altura, proporções, cor de fundo e de primeiro plano.
Além disso, você pode personalizar o texto alternativo e o formato das imagens.
10. Placeit
Com cerca de 3.000 mockups que variam de telas de iPhone, Samsung, desktops, laptops e tablets, o Placeit é uma ótima referência para manter por perto.
Conclusão
Como você pode ver, em se tratando da internet, “não há o que não haja”, né? E você, gostou? Curta, comente e nos conte mais sobre como você pretende usar esses serviços. Tá precisando de uma hospedagem para seu próximo projeto e poder usar todas essas dicas acima?
Pensou que as dicas tinham acabado? Temos um eBook com mais 60 Ferramentas de Produtividade Gratuitas que irão ajudar você a otimizar seu tempo e suas atividades diárias.
O que você achou deste conteúdo?