Gerador de URL de imagem dinâmica grátis

Escolha um estilo de modelo, preencha os parâmetros de texto e cor e copie um link como /tools/d/YOUR-ID.png?title=Ola. Mude um parâmetro e a imagem muda junto, sem nenhuma etapa de renderização do seu lado. A prévia atualiza enquanto você digita, 20 prévias por dia sem conta.
Gerador de URL de imagem dinâmica grátis

Monte sua URL de imagem dinâmica

Escolha um estilo, digite os valores de cada parâmetro, confira a prévia ao vivo e copie a URL ou a tag HTML.

Uma URL, até 20 valores nomeados, o seu próprio design

Uma URL de imagem com seus próprios parâmetros e a imagem personalizada devolvida

Uma URL de imagem com parâmetros é como um sistema que só sabe exibir uma imagem mostra algo específico: um e-mail, um README, um cartão de chat. A DynaPictures coloca o seu próprio modelo em um endereço assim, aceita até 20 valores nomeados na query string e entrega a segunda abertura pelo cache, sem desenhar de novo.

O seu modelo por trás de uma URL
Até 20 parâmetros nomeados por chamada
A segunda abertura vem do cache

Como criar uma imagem a partir de parâmetros de URL

1.

Escolha um estilo de modelo

Selecione um dos layouts prontos. Cada um expõe campos de texto como título e subtítulo, além de cores de fundo e de texto.

2.

Preencha os parâmetros

Digite valores de exemplo para os campos. A prévia é gerada de novo ao vivo para você conferir quebras de linha e contraste.

3.

Copie a URL

Copie o link final ou a tag img. Troque depois qualquer valor da query string e o PNG servido acompanha.

Por que criar imagens a partir de uma URL

A query string é a API

Todo texto e cor mora na URL, então ?title=Relatorio%20semanal é toda a integração de que você precisa.

Funciona onde imagens funcionam

Cole o link em um e-mail, uma página do Notion, um README, uma mensagem no Slack ou qualquer tag img de HTML.

Renderizado em nossos servidores

Você recebe um PNG de verdade com fontes corretas, não um canvas no cliente, então fica igual em qualquer visualizador.

Prévia ao vivo

Veja o resultado enquanto edita os parâmetros, antes de copiar qualquer coisa.

Nada para instalar

Sem SDK, sem chave de API e sem login na ferramenta gratuita.

Como a URL de imagem dinâmica funciona

Cada modelo tem um id e um conjunto de parâmetros nomeados. Quando um navegador ou cliente de e-mail solicita /tools/d/YOUR-ID.png com uma query string, nosso renderizador preenche o modelo com esses valores e devolve um PNG. Os valores precisam estar codificados para URL, então um espaço vira %20. A ferramenta gratuita cobre texto e cores de um conjunto fixo de estilos; na plataforma da DynaPictures você desenha seu próprio modelo no editor, adiciona imagens e fontes e usa o mesmo mecanismo por uma API REST completa, Zapier ou Make.

Limites gratuitos

20 prévias por dia por visitante. Cada URL serve até 1.000 visualizações ou 30 dias e depois mostra um pequeno aviso de upgrade.

Seus próprios modelos

Na plataforma da DynaPictures, qualquer design criado no editor vira uma URL de imagem dinâmica ou uma chamada de API, com suas imagens e suas fontes.

Dicas de codificação

Codifique espaços como %20 e caracteres especiais com encodeURIComponent; informe as cores em hex sem o sinal de cerquilha.

Incorporar a imagem dinâmica em HTML
API
<img src="https://api.dynapictures.com/tools/d/YOUR-ID.png?title=Weekly%20report&subtitle=42%20signups" alt="Weekly report">

Perguntas frequentes

Um link para um PNG cujo conteúdo é gerado a cada requisição a partir dos parâmetros de consulta. Troque ?title=A por ?title=B e você recebe outra imagem em outro endereço.

Mais ferramentas grátis que renderizam imagens a partir de parâmetros

Gráficos, medidores, barras de progresso e imagens OG a partir do mesmo tipo de URL, além de HTML para imagem e geração em massa.