HTML para Imagem

O que é

Ferramenta nativa que converte um trecho de HTML/CSS em uma imagem rasterizada (PNG, JPEG ou WebP). O agente escreve o HTML e recebe de volta a imagem renderizada.

Quando usar

• Posts de redes sociais com layout consistente.
• Cards de produto, cupons, banners, recibos visuais.
• Criativos com tipografia, gradientes e layout exato — quando você quer controle de pixel, não um modelo generativo.
• Templates dinâmicos: HTML com dados variáveis preenchidos pelo agente.

Diferente da Gerar Imagem (modelo generativo), aqui o resultado é determinístico: mesmo HTML, mesma imagem.

Configuração

1. Na aba Ferramentas do agente, clique em + Adicionar Ferramenta.
2. Em FERRAMENTAS NATIVAS, escolha HTML para Imagem.
3. Opcionalmente, defina defaults para os parâmetros:
   • html: HTML/CSS padrão (raro definir aqui — geralmente a IA decide).
   • width: largura padrão em pixels.
   • height: altura padrão em pixels.
   • format: webp, png ou jpeg.
4. Cada parâmetro pode ser deixado em Auto (IA decide a cada chamada) ou setado em Manual com valor fixo.
5. Clique em Salvar.

Definir defaults manuais é útil quando você quer travar um formato (por exemplo, sempre 1080x1080 webp para posts de Instagram) e não deixar a IA escolher.

Como o agente invoca

O agente decide chamar essa ferramenta quando o prompt orienta nessa direção ou quando o usuário pede algo visual com formato específico (“um card 1080x1080 com o título X e o subtítulo Y”).

O agente compõe o HTML internamente — você não precisa fornecer template. Quanto mais específico o prompt do agente sobre estilo, paleta e estrutura, mais consistente o resultado.

Limitações e notas

• HTML simples funciona melhor. Imagens externas, fontes web e scripts podem não carregar. Prefira estilos inline e fontes do sistema.
• Resultado determinístico. Mesmo HTML produz a mesma imagem — bom para padronização, ruim para variação criativa.
• Sem custo de modelo de imagem. Como não usa IA generativa, o custo é só o do prompt que o agente gasta gerando o HTML.
• Tamanhos sensatos. Width e height muito altos (acima de ~2000px) podem aumentar a latência.