10 Ótimos Sites De Placeholder Para Usar Em Seus Projetos Web

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

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.