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: 

  1. Placeholder.com;
  2. Placekitten;
  3. ImgPlaceholder;
  4. PlaceCage;
  5. Steven SeGALLERY;
  6. Lorem Picsum;
  7. Placebacon;
  8. Baconmockup;
  9. Dynamic Dummy Image Generator;
  10. 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. 

Placeholder.com

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.

Placekitten

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.

ImgPlaceholder

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.

PlaceCage

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.

Placeholder Steven SeGALLERY

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.

Lorem Picsum Placeholder

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. 

Baconmockup

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.

Dynamic Dummy Image Generator

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.

Rodrigo Hahn
Últimos posts por Rodrigo Hahn (exibir todos)
Resumo
10 ótimos sites de placeholder para usar em seus projetos web
Nome do Artigo
10 ótimos sites de placeholder para usar em seus projetos web
Descrição
Dicas separadas a dedo para ajudar você com os melhores sites de placeholder encontrados na web. Um melhor eu o outro.
Autor
Nome
KingHost
Logo

Comentários

comentário(s)