Suba sua arte, defina os links, gere seu email profissional
Imagem
Links
Gerar
Jogue sua arte aqui
A imagem que você criou no Photoshop ou Illustrator
Marque as áreas clicáveis
Desenhe um retângulo em cima de cada botão da imagem
ImagemNão carregada
Botões0
Fatias1
Conflitos0
ModoNeutro
SaídaAinda não gerado
Imagem
Marque as áreas clicáveis diretamente na arte. Os controles de edição ficam aqui em cima, no contexto da imagem.
Clique e arraste para marcar uma área
Nova área
Links e ações
Confira os botões, ajuste as URLs e siga o fluxo abaixo: revisar, gerar e exportar.
1. Revise os links
Clique em Adicionar link e marque onde estão os botões na imagem
3. Resultado e exportação
Email pronto!
—
Imagem precisa ser hospedadaEmails não aceitam imagem embutida — clique em Publicar imagem abaixo para colocar a imagem online e gerar o HTML correto. O app usa um provedor de hospedagem configurado no projeto.
Montar e publicar email
Fatia a arte em blocos e publica as imagens online para gerar um HTML compatível com Outlook e Gmail
Copiar HTML
Cole direto no Mailchimp, RD Station, ActiveCampaign…
Link direto da imagem hospedada
Cole este link no campo de imagem do Outlook, Gmail ou qualquer editor de email.
ou
Abrir email e copiar Mais rápido
Forma mais prática de revisar o email pronto antes de colar no Outlook ou Gmail.
Baixar fatias (.zip) Recomendado
Exporta as fatias geradas em um ZIP para você conferir os cortes fora do app.
Como colar no Outlook ou Gmail
Clique em Abrir email e copiar acima
Na aba que abrir, pressione Ctrl+A para selecionar tudo
Depois pressione Ctrl+C para copiar
No Outlook ou Gmail, clique no corpo do email e pressione Ctrl+V
✅ A imagem aparece completa e cada botão abre o link correto.
Baixar arquivo .html
Salva o arquivo para usar na sua plataforma de email
Código HTML com image map—
Fatiar imagem para email
Arraste as linhas como guias do Photoshop. Clique no preview para criar uma linha. Dê duplo clique numa linha para remover.
px
Sem fatias manuais aplicadas
Como funciona
As linhas que você posicionar aqui viram cortes obrigatórios na imagem. O gerador continua recalculando os links automaticamente dentro de cada fatia. Dica: use Ctrl+Z para desfazer até 3 ações dentro deste modal.
Fatias atuais
Botões com link
Conflitos de corte
Dicas
Corte entre blocos visuais e nunca em cima de botão.
Use Gerar automático como ponto de partida e depois arraste as linhas.
Essas fatias serão usadas no HTML final do teste local.