O que é uma imagem placeholder?
Uma imagem placeholder (de preenchimento) ocupa o lugar de uma imagem real enquanto você cria uma página web ou um app, ou monta um layout antes de ter as imagens finais. Ela costuma mostrar o próprio tamanho (por exemplo 600 × 400) para você conferir o layout de relance. Com esta ferramenta você define o tamanho, as cores e o texto, e depois baixa ou copia a imagem.
Como usar
- Digite a largura e a altura, ou escolha um tamanho comum. Com "Manter proporção" marcado, mudar um lado atualiza o outro.
- Defina a cor de fundo, a opacidade, a cor do texto, o texto e o tamanho da fonte; a pré-visualização é atualizada na hora.
- Escolha um formato, mude o nome do arquivo se quiser e clique em "Baixar imagem", ou em "Copiar imagem" para colar em outro lugar.
Tamanhos comuns
| Nome | Tamanho | Uso típico |
|---|---|---|
| Quadrado | 500 × 500 | Avatares, imagens de produto |
| 16:9 | 1280 × 720 | Miniaturas de vídeo, banners |
| Imagem OG | 1200 × 630 | Pré-visualização de links no Facebook, WhatsApp, X e outras redes |
| HD | 1920 × 1080 | Fundos em tela cheia, slides |
| Miniatura | 320 × 180 | Miniaturas em listas |
| Celular retrato | 1080 × 1920 | Stories, papéis de parede de celular |
Qual formato escolher?
| Formato | Transparência | Observações |
|---|---|---|
| PNG | Sim | Sem perdas, a melhor compatibilidade |
| JPEG | Não (áreas transparentes ficam brancas) | Arquivos pequenos, bom para conteúdo tipo foto |
| WebP | Sim | Menor que PNG e JPEG, compatível com todos os navegadores modernos |
| SVG | Sim | Formato vetorial: nítido em qualquer tamanho, o menor arquivo |
Perguntas frequentes
Como faço um fundo transparente?
Coloque "Opacidade do fundo" em 0% e escolha PNG, WebP ou SVG. O quadriculado da pré-visualização mostra a área transparente.
Por que "Copiar imagem" sempre copia um PNG?
As áreas de transferência dos navegadores só aceitam, de forma ampla, imagens PNG, então a cópia sempre usa PNG, seja qual for o formato escolhido. Use Baixar para outros formatos.
A imagem é enviada para um servidor?
Não. A imagem é gerada inteiramente no seu navegador, sem passar pelo servidor, e é por isso que é tão rápido.