01 - Image prompting como engenharia
TL;DR
Image generation parece arte porque o tweet viral mostra alguém pedindo “um astronauta surfando” e celebrando o resultado. No dia do engenheiro, o caso real é outro: hero pro README, thumbnail pro post, infográfico pro deck, mockup pra design review, ilustração conceitual de arquitetura, asset pra social media. Nesses casos, o objetivo não é beleza — é entregável que cumpre função. E entregável previsível é problema de engenharia: tem especificação, tem critério de aceite, tem iteração disciplinada. Esta nota posiciona image prompting como disciplina de engenharia (não de arte) e enumera os casos de uso onde isso importa.
Para um dev sem experiência em design, como saber se a imagem gerada está "boa" antes de publicar?
A heurística funcional: teste nas condições reais do entregável. Para thumbnail, visualize em 120×68px — se o texto não se lê, a hierarquia some, ou os elementos principais ficam pequenos demais, falhou. Para hero de README, veja como fica com texto de overlay em cima — se os elementos competem com o overlay, falhou. Para post de deck, imprima ou mostre em projetor — se sumiu em 1024px wide, falhou. A regra simples é: a imagem que parece ótima em 1920×1080 na sua tela pode ser inutilizável no contexto real de uso. Sempre teste no contexto de uso antes de declarar “aprovado”.
A confusão “imagem = arte”
A narrativa pública sobre geração de imagem cresceu em cima de uso artístico: arte de capa, retrato estilo Studio Ghibli, paisagem épica, “Mickey Mouse como cowboy”. Esses casos são reais, mas distorcem a expectativa quando engenheiro chega no modelo:
- Critério de sucesso difuso. “Ficou legal?” — depende do gosto.
- Iteração caótica. Reroll até gostar; sem método.
- Sem reprodutibilidade. O prompt que funcionou ontem dá outro resultado hoje, e tudo bem porque a meta é só “legal”.
Quando o objetivo é entregável, tudo isso muda. “Legal” não basta — tem que ser utilizável:
- O hero do README precisa caber em 16:9, ter espaço pra overlay e não destoar do tom do projeto.
- O thumbnail precisa ser legível em 120×68px no feed.
- O infográfico precisa ter hierarquia, leitura top-down, e texto que não vire borrão.
- O mockup precisa mostrar o produto com fidelidade, não “uma vibe geral”.
Esses são problemas de engenharia — têm especificação, critério objetivo de aceite, e custo de retrabalho. Image prompting pra esses casos vira ofício específico, não apêndice de prompt engineering pra LLM.
O que muda quando você trata como engenharia
Mentalidade de engenheiro vs mentalidade de artista no mesmo gerador:
| Dimensão | Mentalidade de artista | Mentalidade de engenheiro |
|---|---|---|
| Ponto de partida | ”Vamos ver o que sai” | Especificação do entregável |
| Iteração | Reroll até gostar | Mudança controlada por hipótese |
| Reprodutibilidade | Não importa | Importa — prompt vira artefato |
| Critério de sucesso | Subjetivo | Objetivo (formato, hierarquia, texto, função) |
| Sucesso medido em | ”Ficou bonito" | "Cumpre o brief” |
| Fonte da especificação | Inspiração | Brief + audiência + canal |
| Custo de falha | Baixo (refaz) | Alto (deadline, deck, post agendado) |
A mudança parece sutil mas reorganiza tudo: deixa de ser “explora o latente” e vira “navega até um ponto especificado”. O modelo continua o mesmo — o operador muda.
Casos de uso no dia do engenheiro
Lista não-exaustiva, mas todos casos que aparecem quando dev/PM/designer-técnico precisa de imagem em 2026:
Hero image de README
GitHub README ou doc técnica abre com hero — não é decoração, é primeira impressão. Precisa ser 16:9 wide, abstrato ou conceitual o suficiente pra não brigar com o texto, espaço pra overlay do nome do projeto. Modelo bom pra isso: Midjourney (qualidade artística), FLUX dev (open-source com qualidade próxima), Ideogram quando precisa de texto embutido.
Thumbnail de post / vídeo
YouTube, Medium, Substack — o thumbnail decide o CTR. Tem que ser legível em tamanho pequeno, hierarquia clara, contraste alto. Costuma ter texto grande embutido. Modelo bom: Ideogram ou Imagen 3 pra texto, DALL-E 3 pra integração com ChatGPT no fluxo.
Slides de deck
Apresentação técnica, palestra, pitch. Ilustração por slide pra ancorar o conceito. Não pode ser genérica (“homem apontando pra gráfico stock photo”), tem que ser coerente em estilo entre slides. Modelo bom: Midjourney (estilo consistente via --sref), Imagen.
Mockup pra design review
Antes do designer fazer mockup detalhado, ou antes do dev codar UI, gera-se “vibe check” visual: como ficaria a tela X com tom Y, layout Z. Discussão fica concreta. Modelo bom: DALL-E 3 (segue instruções específicas bem), Imagen 4 quando disponível.
Infográfico
Conteúdo educacional, post LinkedIn, e-book. Precisa de hierarquia visual, ícones, blocos de texto curtos. Esse caso é o mais difícil em 2026 — texto ainda quebra com frequência. Modelo bom: Ideogram (texto), FLUX dev (composição), com retoque manual.
Ilustração conceitual de arquitetura
Hero pra post técnico sobre “como funciona X” — não diagrama preciso (isso é Mermaid/Excalidraw), mas metáfora visual. “Sistema de mensageria como rede de tubos pneumáticos”, “RAG como bibliotecário em estante”. Modelo bom: Midjourney pra metáfora artística, FLUX dev pra controle.
Asset de social media
Post Twitter/LinkedIn/Instagram — header, card, cover. Templates por canal (LinkedIn carousel é 1:1 ou 4:5, Twitter card é 1.91:1, Instagram story é 9:16). Modelo bom: depende do estilo da marca; consistência manda mais que escolha individual.
Onde fica no fluxo do engenheiro
Image prompting normalmente não é a primeira ferramenta a sair da caixa. Entra quando:
- Há um brief claro. Conteúdo já escrito; falta o visual.
- Não tem designer disponível, ou o custo de envolver designer não vale. Hero do README dum side project; thumbnail dum post pessoal; mockup de exploração que vira lixo amanhã.
- Iteração rápida importa. Hoje à tarde precisa do asset; mandar pra designer levaria dias.
- O entregável é “bom o bastante”, não “perfeito”. Brand asset crítico ainda vai pro designer; rascunho/exploração/asset-de-volume serve com gerado.
Não é substituto universal de designer — é ferramenta pra um tipo específico de demanda que antes ficava sem solução (engenheiro precisando de visual hoje, sem orçamento de design).
A virada que esta trilha provoca
Quem chegou aqui esperando “30 prompts mágicos pra Midjourney” vai sair com outra coisa: a tese de que image prompting tem método, e método começa por deliverable-first (próxima nota). O resto da trilha desdobra esse método em ferramentas (modelos, nota 03), técnica (anatomia de prompt visual, nota 04), templates por entregável (nota 05), iteração disciplinada (nota 06) e casos técnicos honestos (nota 07).
O brief como especificação de imagem
Em engenharia, todo artefato começa por uma especificação. Em image prompting, a especificação é o brief — um bloco de informação que responde quatro perguntas antes do primeiro token de prompt:
Entregável: [o que é — hero, thumbnail, mockup, diagrama]
Dimensão: [proporção — 16:9, 1:1, 9:16, e resolução mínima]
Canal: [onde vai — GitHub, YouTube, LinkedIn, deck, e-book]
Tom: [vibe — técnico-minimalista, corporativo, lúdico, editorial]
Restrições: [o que NÃO pode aparecer — faces, texto interno, cores de marca]
Exemplo de brief pra thumbnail de vídeo técnico:
Entregável: thumbnail de YouTube
Dimensão: 1280×720 (16:9), legível em 320×180
Canal: YouTube; aparece ao lado de outros thumbnails de tecnologia
Tom: técnico-limpo, paleta escura, acento em azul ou ciano
Restrições: sem texto embutido (vou adicionar em Canva), sem faces
Com o brief respondido, o prompt de geração vira uma tradução — não uma especulação. Você escreve “o que é”, não “o que talvez saia”.
Critérios de aceite por tipo de entregável
| Entregável | Formato correto | Texto legível | Hierarquia clara | Pode-se-colocar-overlay? |
|---|---|---|---|---|
| Hero README | 16:9 ou wide | Não tem (geralmente) | Elemento central óbvio | Sim — espaço vazio planejado |
| Thumbnail | 16:9, legível em 120×68 | Texto grande se tiver | Um foco único | Geralmente sim |
| Slide de deck | Depende do template | Mínimo | Supporting, não dominante | Sim |
| Post LinkedIn | 1.91:1 ou 1:1 | Sim | Sim | Às vezes |
| Infográfico | 4:5 (vertical) ou A4 | Crítico — bloco de texto | Muito clara | Não |
Esses critérios são o que o engenheiro usa no lugar de “ficou bonito?” — são verificáveis, independem de gosto, e permitem reject objetivo antes de publicar.
Pós-processamento de assets gerados
A imagem que sai do gerador raramente vai direto pra produção sem ajuste. Post-processing padrão:
Resize e crop:
from PIL import Image
img = Image.open("generated.png")
# Para thumbnail 1280×720
thumb = img.resize((1280, 720), Image.LANCZOS)
thumb.save("thumbnail.jpg", "JPEG", quality=92)
# Para crop central se a composição permitir
width, height = img.size
crop_box = (
(width - 1280) // 2,
(height - 720) // 2,
(width + 1280) // 2,
(height + 720) // 2,
)
cropped = img.crop(crop_box)Compressão:
- PNG → imagens com texto/UI; sem perda
- JPG quality 85-92 → imagens fotográficas; boa compressão
- WebP → web moderna; melhor relação qualidade/tamanho
Texto overlay (quando gerador não lida bem com texto): Adicionar texto pós-geração via Pillow, Canva, ou Figma. O gerador produz o visual; a ferramenta de edição adiciona tipografia controlada. Essa é a solução pragmática pra 2026 enquanto texto em imagem ainda quebra.
Fluxo end-to-end de um asset visual
O workflow que funciona em 2026 para um asset funcional (thumbnail, hero, slide):
1. BRIEF
└─ Defina: tipo, dimensão, canal, tom, restrições
2. PROMPT v1 (deliverable-first)
└─ Escreva usando anatomia visual: assunto + composição + estilo + formato
└─ Gere 2-4 variações com seed diferente
3. SELEÇÃO
└─ Escolha a melhor variação pelo critério de aceite
└─ Se nenhuma passa: identifique por que (composição? tom? detalhe?) → volta ao prompt
4. REFINAMENTO (1-2 rodadas)
└─ Mude UMA variável por vez (ver [[06 - Iteração visual — controlled changes]])
└─ Gere nova variação do elemento problemático
5. PÓS-PROCESSAMENTO
└─ Resize para o canal final
└─ Adicione texto overlay se necessário
└─ Comprima (JPG/WebP) e valide no tamanho de uso real
6. VALIDAÇÃO
└─ Teste no contexto real (thumbnail em 120×68, hero com overlay, slide projetado)
└─ Aceito → use. Rejeitado → volta ao passo 3 com novo critério explícito
O fluxo tem dois pontos de decisão explícitos (passo 3 e 6) com critério objetivo. Sem esses pontos, o processo vira loop de “reroll até gostar” — sem aprendizado e sem método.
O que não fazer: pedir imagem, olhar o resultado, ficar insatisfeito mas não saber dizer por quê, rerollar, repetir. Esse loop pode durar horas sem convergir. Nomear o critério de aceite antes de começar é o que diferencia o processo de engenharia do loop caótico.
Custo e tempo esperados
Para um engenheiro com prática razoável em 2026, um asset funcional (thumbnail ou hero) leva:
- 5-15 minutos de prompt + iteração (2-4 rodadas)
- 2-5 minutos de pós-processamento (resize, compressão, overlay)
- Custo direto: $0.02-0.08 por imagem no DALL-E 3/Imagen 3; gratuito em Midjourney Fast (assinatura); gratuito self-hosted com FLUX
Comparando com stock photo (50-200 por asset, 1-2 dias), o ROI de aprender image prompting pra casos de volume é significativo. O custo real é o tempo de aprendizado da técnica — investimento único.
Quando NÃO usar geração de imagem
Geração de imagem não é a resposta pra todo caso visual:
- Assets de marca definidos. Logo, paleta, tipografia — design system da empresa não é negociável por gerador.
- Mockup de alta fidelidade. Design para dev handoff ainda precisa de Figma com componentes reais.
- Fotografia real de produto. Cliente que compra quer ver o produto real, não versão sintética.
- Diagrama preciso de arquitetura. Mermaid, C4, Excalidraw — gerador não mantém consistência de nó/seta.
- Imagem com dados exatos. Gráfico que precisa refletir números reais vem de código (matplotlib, D3, Chart.js).
Identificar quando gerador é sobre-engenharia evita investir iterações em solução errada.
Armadilhas comuns
Tratar a primeira imagem gerada como resultado final — iteração é parte do processo
Image prompting não é “um prompt, uma imagem perfeita”. Mesmo com brief bem definido, a primeira geração é ponto de partida, não conclusão. O workflow produtivo tem pelo menos 3-5 iterações: a primeira mostra o que o modelo entendeu; a segunda refina tom e composição; a terceira ajusta detalhes; a quarta e quinta resolvem problemas específicos. Quem espera que o primeiro resultado seja utilizável vai ficar frustrado — ou vai usar imagem sub-ótima sem perceber. Planeje o tempo de iteração no cronograma.
Pedir texto embutido na imagem gerada sem verificar o modelo — texto quebra na maioria dos geradores
“Crie um thumbnail com o texto ‘Como Funciona RAG’” — em DALL-E 3, Midjourney e FLUX, texto em imagem é notoriamente instável: letras trocadas, palavras inventadas, fontes inconsistentes. Ideogram e Imagen 3 são exceções com suporte a texto mais confiável, mas ainda falham em textos longos. O padrão de engenharia é: gerador produz o visual sem texto; você adiciona o texto depois via Canva, Figma, ou código (Pillow). Não dependa de gerador pra tipografia crítica.
Não especificar a proporção antes de gerar — composição errada não tem conserto
Uma imagem gerada em 1:1 não vira 16:9 útil com crop — você perde composição ou corta elemento importante. O modelo decide a composição assumindo a proporção pedida. Especifique proporção ANTES:
--ar 16:9no Midjourney,size: 1792x1024no DALL-E,aspect_ratio: 16:9no Imagen. Se não especificar, o modelo usa o default dele (geralmente 1:1 ou 4:3), e a composição vai estar otimizada pra isso, não pro seu canal.
Como explicar em inglês
Interview quote: “We treat image generation as an engineering discipline, not art. Every request starts with a brief: deliverable type, aspect ratio, target channel, tone, and restrictions. We define acceptance criteria before generating — is the text legible at thumbnail size? Does the composition leave space for overlay? Iteration is expected; the first output is a starting point, not the result.”
| Português | Inglês |
|---|---|
| Image prompting como engenharia | Image prompting as engineering |
| Entregável funcional (não arte) | Functional deliverable (not art) |
| Brief como especificação | Brief as specification |
| Critério de aceite | Acceptance criteria |
| Iteração controlada por hipótese | Hypothesis-driven iteration |
| Proporção de aspecto | Aspect ratio |
| Texto overlay pós-geração | Post-generation text overlay |
| Pós-processamento de asset | Asset post-processing |
| Retrabalho de composição | Composition rework |
O que vem a seguir
Esta nota estabelece a mentalidade. A nota 02 entra no princípio que mais muda o resultado na prática: deliverable-first, não scene-first — a diferença entre “crie uma imagem de montanha nebulosa ao amanhecer” (scene-first) e “crie o hero de um README de biblioteca open-source de ML: minimalista, fundo escuro, paleta azul/ciano, sem texto, formato 16:9” (deliverable-first).
Fontes
- @hooeem — Become an AI Engineer, cap #16 (Image Prompting). Espinha dorsal da trilha.
- OpenAI — Image generation guide (docs). Casos de uso e limites do DALL-E 3.
- Midjourney — Documentação oficial. Parâmetros,
--ar,--style,--srefpra consistência. - Black Forest Labs — FLUX.1 docs. FLUX.1 Dev (OSS) e Pro (API); melhor controle de detalhe.
- Ideogram — ideogram.ai. Referência em texto embutido em 2026.
Ferramentas além do gerador
Image prompting puro resolve a geração. O ecossistema ao redor:
| Ferramenta | Função | Custo |
|---|---|---|
| Canva | Texto overlay, redimensionamento, templates de canal | Freemium |
| Figma | Mockup com componentes, design system, handoff | Freemium |
| Pillow (Python) | Resize, crop, compressão, overlay programático | Gratuito |
| ImageMagick (CLI) | Processamento batch, conversão de formato | Gratuito |
| remove.bg / Rembg | Remoção de background para composição | Freemium / OSS |
| Upscayl / Real-ESRGAN | Upscale com IA sem pixelização | Gratuito |
| GIMP | Edição manual completa quando o gerador não acerta o detalhe | Gratuito |
O gerador resolve 60-80% do trabalho; essas ferramentas resolvem o restante. Pillow é a mais usada em pipelines automatizados (batch resize + overlay programático). Canva é a mais usada em fluxo manual (engenheiro sem experiência em Figma que precisa adicionar texto).
A escolha da ferramenta de pós-processamento impacta o tempo total tanto quanto o gerador. Um fluxo com Pillow bem configurado elimina retrabalho manual — recomendado como padrão desde o início, antes de ter certeza de que vai precisar. O padrão produtivo: gerador entrega o asset bruto; Pillow normaliza dimensão, formato e compressão; Canva ou Figma fazem o overlay de texto se necessário; só então vai pro contexto final.
Veja também
- 02 - Deliverable-first, não scene-first — a virada metodológica central
- 03 - Modelos de imagem 2026 — DALL-E, Imagen, Midjourney, FLUX, SD — ferramentas pra cada caso de uso desta nota
- 04 - Anatomia de um prompt visual — canvas, composição, estilo — como construir o prompt depois de ter o brief
- 05 - Templates por entregável — poster, infográfico, mockup, thumbnail — specs de brief por tipo de asset
- 06 - Iteração visual — controlled changes — o passo 4 do fluxo: refinar sem drift
- 07 - Geração de diagramas e ilustrações técnicas — quando geração não é suficiente
- Prompt Engineering — mesma mentalidade, modalidade diferente
- Dicionário: Brief visual
- Dicionário: Critério de aceite