Gere placeholders de 1×1 a 4000×4000 pixels, com predefinições de um clique para tamanhos comuns de cartão, herói, redes sociais e dispositivos.
Gere imagens placeholder no seu navegador
Gerador de Imagens Placeholder
Crie uma imagem placeholder de qualquer tamanho com cores, estilos e texto personalizados. Visualize ao vivo, baixe PNG/JPG/WebP/SVG ou copie uma URL da Next BConvert, Lorem Picsum, Placehold.co ou DummyImage com trechos prontos para colar.
Imagens placeholder para mockups, wireframes e desenvolvimento front-end
Crie uma imagem placeholder de até 4000px por lado com fundo sólido, degradê ou xadrez e com suas próprias cores e texto. A pré-visualização é atualizada na hora e você pode baixar arquivos PNG, JPG, WebP ou SVG, ou copiar uma URL da Next BConvert, Lorem Picsum, Placehold.co ou DummyImage com código pronto para colar.
Como gerar uma imagem placeholder
- 1.Digite uma largura e altura em pixels, ou escolha uma predefinição como Avatar, Card, Hero, Twitter Card ou miniatura do YouTube.
- 2.Escolha um fundo sólido, degradê ou xadrez, defina as cores e, opcionalmente, digite um texto personalizado — deixe em branco para mostrar as dimensões automaticamente.
- 3.Acompanhe a pré-visualização ao vivo atualizando a cada mudança. Nada é enviado; a imagem é desenhada localmente em um canvas.
- 4.Baixe o placeholder como PNG, JPG, WebP ou SVG, ou copie uma URL — Next BConvert, Lorem Picsum, Placehold.co ou DummyImage — com um trecho HTML, Markdown, JSX, CSS ou BBCode pronto para colar.
- 5.Clique em Retina 1×/2×/3× para baixar três cópias do mesmo placeholder para srcset em telas de alta densidade.
O que este gerador de placeholders suporta
Escolha cores sólidas, degradês de duas cores ou fundo xadrez, com cores independentes para o fundo e o texto.
A pré-visualização em canvas é redesenhada a cada tecla, então você vê o resultado exato antes de baixar ou copiar qualquer coisa.
Baixe como PNG, JPG, WebP ou SVG, ou copie a imagem como data URL base64.
Crie uma URL com o tamanho exato a partir de quatro serviços: a Next BConvert serve a partir do seu próprio domínio, o Lorem Picsum retorna uma foto real aleatória e Placehold.co ou DummyImage servem placeholders externos de cor sólida.
Copie trechos HTML, Markdown, JSX, CSS ou BBCode prontos para colar que carregam as dimensões exatas que você definiu.
Tudo roda no navegador. Seu tamanho, cores e texto nunca saem do seu dispositivo.
Perguntas frequentes sobre o gerador de placeholders
Quais tamanhos posso gerar?
Qualquer tamanho de 1×1 a 4000×4000 pixels por lado. Use os campos de largura e altura para dimensões exatas ou escolha uma predefinição como Avatar (200×200), Card (400×300), Hero 16:9 (1920×1080), Twitter Card (1200×630) ou Instagram (1080×1080).
O que faz o travamento de proporção?
Ativar Travar proporção mantém a relação largura-altura fixa: altere um lado e o outro se ajusta. É útil quando você precisa de um conjunto responsivo do mesmo recorte, como versões 1×, 2× e 3× para srcset.
Quais estilos de fundo estão disponíveis?
Sólido preenche a imagem com uma cor. Degradê mistura as cores de fundo e secundária na diagonal. Xadrez desenha um padrão bicolor que ajuda a visualizar como a transparência vai render em designs que sobrepõem a imagem.
Posso adicionar texto personalizado ao placeholder?
Sim. Digite até 80 caracteres e o texto é desenhado centralizado, diminuindo automaticamente para caber na largura do placeholder. Deixe o campo em branco para mostrar as dimensões (por exemplo 600 × 400).
Quais formatos posso baixar?
PNG mantém a transparência, JPG e WebP geram arquivos menores para a web e SVG permanece nítido em qualquer tamanho de exibição. Você também pode copiar a imagem como data URL base64 para colar diretamente em HTML ou CSS.
O que faz o botão Retina 1×/2×/3×?
Ele baixa três cópias PNG do placeholder atual nas escalas 1×, 2× e 3×, com nomes como placeholder-600x400.png e placeholder-600x400@2x.png, prontas para usar em srcset em telas de alta densidade.
Qual é a diferença entre Next BConvert, Lorem Picsum, Placehold.co e DummyImage?
A Next BConvert serve o placeholder pelo endpoint /api/placeholder em nextbconvert.com, então ele corresponde exatamente à pré-visualização e permanece no seu próprio domínio. O Lorem Picsum retorna uma fotografia real aleatória nas dimensões solicitadas, ideal para mockups realistas. Placehold.co e DummyImage servem retângulos externos de cor sólida com as dimensões impressas no centro, ideais para wireframes. Escolha o que melhor se encaixa onde a imagem será usada.
Algum dado do meu placeholder é enviado?
Não. A imagem é desenhada inteiramente no seu navegador em um canvas. Não há etapa de upload e seu tamanho, cores e texto não são enviados a nenhum servidor.