Imagens de IA para newsletter: cabeçalho, divisor e rodapé em um só estilo

O e-mail é o lugar mais rígido onde uma imagem pode viver. O app de quem lê decide a largura, pode bloquear imagens até um toque, pode inverter suas cores no modo escuro e pode nem mostrar a sua fonte. Por isso, uma imagem de IA para newsletter deve ser planejada de trás para a frente, a partir desses limites. Este é um checklist para um conjunto de três peças, cabeçalho, divisor e arte de rodapé, que pareça feito pela mesma mão.

Comece pela coluna, não pela imagem

A maioria das newsletters fica em uma única coluna centralizada de cerca de 600 pixels, e é só para ela que você precisa projetar. Os celulares a encolhem, e os apps de desktop apenas a centralizam num espaço vazio. Defina primeiro a largura da coluna e daí derive os três quadros.

• Cabeçalho: largura total da coluna, largo e baixo. Peça um quadro largo no seletor de proporção e depois corte a altura no seu editor.
• Divisor: largura total, finíssimo. Nenhum modelo desenha uma faixa tão fina direto; gere um quadro largo e corte uma faixa estreita da parte mais calma.
• Arte de rodapé: a mesma largura do cabeçalho, um pouco mais alta que o divisor, para que o e-mail termine numa forma e não em texto jurídico.

Gere com cerca de o dobro da largura da coluna e reduza no editor, assim as imagens ficam nítidas em telas de celular de alta densidade. O estúdio cria imagens de até 2K, mais do que uma coluna precisa. O guia de proporções explica por que um quadro largo vale mais que um quadrado que você corta depois.

Mantenha todas as palavras fora da imagem

Esta é a regra que salva a maioria das newsletters. Se o título está gravado na imagem do cabeçalho, quem usa um app que bloqueia imagens vê uma caixa vazia, os leitores de tela não leem nada e um erro de digitação exige uma nova geração. Coloque o título, a data e o botão como texto real e use a imagem só como fundo.

É mais fácil pôr texto num cabeçalho se a imagem já tiver uma área tranquila. Nomeie essa área no prompt, como mostra o post sobre espaço para texto, e coloque o assunto do lado oposto. Inclua também o texto alternativo da imagem, já que alguns leitores verão só ele. Uma frase curta e simples basta; o post sobre texto alternativo traz o modelo.

Uma paleta, escrita nos três prompts

Três gerações separadas se afastam umas das outras se você não as fixar. Escolha duas ou três cores, cite-as em todos os prompts e mantenha o mesmo tipo de assunto e a mesma luz. No exemplo acima, são ameixa, violeta e areia com um brilho suave de lanterna. O guia de paletas de cor mostra como redigi-las para o modelo não trocá-las.

Depois, use o primeiro cabeçalho aprovado como referência para o divisor e o rodapé, dizendo o que manter (a paleta e a luz) e o que mudar (o assunto). O post sobre imagens de referência trata disso. Use o mesmo modelo nas três; Still é um bom padrão a partir de €0.40 por geração, e Still Lite, a partir de €0.30, basta para testar composições antes da versão final.

Combine a imagem com o fundo do e-mail

Escolha antes a cor de fundo do e-mail e faça as bordas de cada imagem se misturarem a ela. Um cabeçalho que termina numa linha dura contra uma página branca parece um retângulo colado. Uma solução é deixar a imagem se dissolver na cor exata da página na borda inferior; outra é pôr a cor da página no prompt e pedir uma vinheta suave. Confira o resultado na sua ferramenta de e-mail, não só no estúdio.

O modo escuro é o segundo teste. Alguns apps invertem fundos claros, e uma imagem com borda pálida pode ficar com um halo feio. Uma imagem com borda escura ou de tom médio sobrevive melhor aos dois modos, um bom motivo para manter a paleta no lado mais escuro.

Arquivos: planos, pequenos e em formato sem graça

Os apps de e-mail são muito menos modernos que os navegadores. Salve cada peça como JPEG, ou como PNG quando tiver cores chapadas, e evite formatos mais novos, cujo suporte nesses apps é irregular. Busque um arquivo pequeno o bastante para o e-mail abrir na hora numa conexão móvel fraca; uma imagem calma e com poucos detalhes comprime muito melhor que uma carregada, e a área tranquila que você deixou para o título também ajuda aqui. Depois de comprimir, confira os degradês escuros e suaves em tamanho real, onde as faixas aparecem primeiro.

O que o estúdio não faz aqui

Ele cria imagens raster e não monta o e-mail: nada de HTML, de fatiamento, de redimensionamento para a sua coluna nem de compressão para apps de e-mail. Tudo isso acontece no seu editor ou na sua ferramenta de newsletter. Ele também não desenha um divisor finíssimo em si, então você corta um de uma geração mais larga. A saída transparente existe só em alguns modelos e, para e-mail, não vale o risco, pois os clientes tratam um arquivo transparente de forma imprevisível no modo escuro; achate a arte sobre uma cor sólida. E ele não garante que três gerações combinem exatamente: uma paleta e uma referência chegam perto, então ajuste o conjunto no editor se a sua marca exigir cores exatas.

Abra o estúdio, gere primeiro o cabeçalho e aprove-o, depois crie o divisor e o rodapé a partir dele. Se o estilo não estiver certo, compare os modelos de imagem na página de modelos. Nosso post sobre imagens de cabeçalho de blog trata do mesmo ofício para uma página web, onde as regras são mais soltas.