Protótipos de front-end
Monte avatares, banners, capas de card ou imagens para cada ponto de quebra responsivo com o tamanho exato, sem depender de um domínio de imagens externo.
Guide
As imagens de preenchimento resolvem aquele momento em que falta um arquivo com o tamanho certo para uma página, um protótipo de app ou um conjunto de dados de teste. No modo avulso, você digita largura e altura ou escolhe uma predefinição (avatar, banner, 16:9, 4:3, celular, anúncio); no modo em lote, uma linha por tamanho gera todas as imagens de uma vez. Dá para definir cor de fundo, cor do texto e uma legenda centralizada — se a legenda ficar vazia, a imagem mostra "largura × altura". A saída pode ser PNG, JPEG ou SVG.
Atualizado em 2026-09-102 min read
As imagens de preenchimento resolvem aquele momento em que falta um arquivo com o tamanho certo para uma página, um protótipo de app ou um conjunto de dados de teste. No modo avulso, você digita largura e altura ou escolhe uma predefinição (avatar, banner, 16:9, 4:3, celular, anúncio); no modo em lote, uma linha por tamanho gera todas as imagens de uma vez. Dá para definir cor de fundo, cor do texto e uma legenda centralizada — se a legenda ficar vazia, a imagem mostra "largura × altura". A saída pode ser PNG, JPEG ou SVG.
800x600, 1280×720 ou 200,200.| Entrada | Saída | Observações |
|---|---|---|
| 800×600, legenda vazia, PNG | placeholder_800x600.png |
O tamanho é escrito no centro |
| Três linhas com tamanhos diferentes, SVG | Três SVGs dentro de um ZIP | Cada um usa a largura e a altura correspondentes |
x, ×, *, vírgula, vírgula chinesa, dois-pontos ou espaço como separador; linhas que não podem ser lidas aparecem em uma lista de avisos e são ignoradas.<rect> e <text>.Monte avatares, banners, capas de card ou imagens para cada ponto de quebra responsivo com o tamanho exato, sem depender de um domínio de imagens externo.
Informe de uma vez os tamanhos mais usados e receba um pacote completo de arquivos PNG, JPEG ou SVG para testar.
O código não impõe um teto extra de itens; o que manda é a memória do navegador, o tamanho do canvas e o tempo de compactação do ZIP — por isso lotes muito grandes devem ser feitos em partes.
O caminho do canvas tenta reduzir a fonte até 20 vezes, até o texto caber em cerca de 86% da largura do canvas ou a fonte chegar perto do mínimo.
Tamanhos, cores, legendas e todas as imagens são produzidos localmente no navegador; nem os parâmetros nem os arquivos gerados são enviados a um serviço remoto.
Atualizado em 2026-09-10
Imagens de preenchimento com tamanho, cores e texto personalizados em PNG/JPEG/SVG, com empacotamento em lote
Esta ferramenta ainda não está totalmente traduzida; parte do conteúdo usa o idioma de origem ou um idioma de reserva.
800 × 600 · PNG