Monte sua URL de imagem placeholder
Informe o tamanho, escolha um formato, defina texto, cores e tamanho da fonte e copie a URL ou a tag img.
O espaço que você dimensionou no mockup, com dados reais
Um placeholder segura o espaço enquanto o layout é montado, e cada um desses espaços acaba recebendo uma imagem de verdade, uma por produto ou por usuário. A DynaPictures a desenha a partir de um modelo com as medidas que você planejou: você envia os valores em JSON e recebe um arquivo hospedado.
Como criar uma imagem fictícia
Defina as dimensões
Digite largura e altura em pixels, por exemplo 600x400 ou 1200x630. Qualquer tamanho até 4000x4000 px funciona.
Escolha texto e cores
Adicione um rótulo como o tamanho ou o nome de um produto e defina o fundo (bg) e a cor do texto (fg) como valores hex, além de um tamanho de fonte se quiser.
Copie a URL
Escolha PNG, JPG, WebP ou SVG e copie o link ou a tag img pronta para o seu HTML, CSS ou ferramenta de design.
Por que usar este gerador de placeholders
Tudo na URL
Tamanho, formato, texto e cores são parâmetros de consulta, então você pode escrever o link à mão ou gerá-lo em um loop.
Quatro formatos
PNG, JPG, WebP ou SVG com o mesmo padrão de URL, basta trocar a extensão.
Até 4000x4000 px
Grande o bastante para seções hero, mockups de impressão e imagens de teste retina.
Links permanentes
URLs de placeholder não têm teto de visualizações nem validade, então testes e mockups continuam funcionando.
Fácil de entender
A URL diz exatamente o que a imagem é; sem uploads, sem contas, sem marca d'água.
Como a URL do placeholder funciona
O caminho carrega o tamanho e o formato, /tools/placeholder/600x400.png, e a query string carrega a aparência: text= para o rótulo, bg= e fg= para as cores de fundo e de texto em hex sem cerquilha, e um parâmetro para o tamanho da fonte. O construtor desta página roda no seu navegador e apenas monta o link; a imagem em si é renderizada pelos nossos servidores sob demanda. Placeholders são permanentes, sem teto e apenas com limite de requisições por IP. Quando o mockup vira uma imagem real de produto, a plataforma da DynaPictures renderiza seus próprios modelos com fotos, fontes e dados ao vivo pela API, Zapier ou Make.
Limites
Tamanhos até 4000x4000 px em PNG, JPG, WebP ou SVG. Sem limite diário nem teto de visualizações, apenas limite de requisições por IP.
Do placeholder à imagem real
A plataforma da DynaPictures transforma a mesma ideia em imagens dinâmicas do seu próprio design, geradas por API, Zapier ou planilhas.
Cores e texto
Use cores hex de 3 ou 6 dígitos sem cerquilha e codifique o texto com espaços como %20.
<img src="https://api.dynapictures.com/tools/placeholder/600x400.png?text=Hello&bg=e2e8f0&fg=1e293b" width="600" height="400" alt="Placeholder">Perguntas frequentes
Até 4000x4000 px em qualquer um dos quatro formatos. Tamanhos menores como 300x250 ou 1200x630 são igualmente válidos.