[Disponibilidade limitada]{class="badge informative"}
Converter imagens em modelos do HTML com a imagem no conversor do HTML image-to-html
Visão geral overview
O conversor de imagem para HTML é um recurso inovador alimentado por IA, disponível no menu Modelos de conteúdo, que acelera bastante a criação de emails, convertendo designs de imagens estáticas em modelos de conteúdo de email do HTML totalmente personalizáveis e modulares. Essa ferramenta sem código permite que os profissionais de marketing transformem designs visuais de designers gráficos ou ferramentas de design em modelos de email responsivos e editáveis que podem ser salvos na biblioteca de Modelos de conteúdo e depois reutilizados em várias jornadas e campanhas, sem a necessidade de conhecimento técnico.
Ao utilizar a tecnologia de IA gerativa, o conversor de imagem para HTML analisa o layout, a tipografia, as cores e os elementos visuais da imagem e gera um código HTML limpo e modular que mantém a fidelidade do design e, ao mesmo tempo, garante total capacidade de edição e compatibilidade com o Designer de email. Isso elimina o processo manual e demorado de conversão de modelos em HTML e reduz a dependência de recursos de desenvolvimento.
Principais benefícios:
- Design para HTML em minutos: com a tecnologia de IA, a conversão sem código transforma imagens estáticas em modelos editáveis e modulares em minutos, reduzindo drasticamente o tempo de criação de modelos
- Capacita usuários não técnicos: reduz a dependência de equipes de design ou desenvolvimento. Os profissionais de marketing podem gerar e personalizar modelos com o mínimo de conhecimento técnico
- Migração de plataforma simplificada: converta modelos externos ou designs de outras plataformas em HTML pronto para AJO sem esforço
- Criar uma biblioteca de modelos reutilizável: criar uma biblioteca de modelos escalável e consistente com a marca que possa ser usada em várias jornadas e campanhas
- Fidelidade de design: mantenha a consistência visual com seu design original ao criar conteúdo totalmente editável
- Compatibilidade de email: gerar HTML que funcione perfeitamente com o Designer de email e entre clientes de email
Casos de uso comuns use-cases
O conversor de imagem para HTML é ideal para:
- Migração de plataforma: migrando de outra plataforma de marketing por email? Converter seus designs de email existentes em modelos do HTML prontos para AJO sem reconstruir do zero
- Conversão do modelo de design: transforme modelos de design de ferramentas como Photoshop, Figma ou outro software de design em modelos de email funcionais
- Criação rápida de modelo: gere modelos de email rapidamente para campanhas com limite de tempo sem esperar pelos recursos do desenvolvedor
- Criando bibliotecas de modelos: crie uma biblioteca abrangente de modelos consistentes com a marca que os membros da equipe não técnica possam personalizar e implantar
- Redução das dependências técnicas: permitir que os profissionais de marketing criem e repitam modelos de email de maneira independente, acelerando a execução da campanha
Pré-requisitos prerequisites
Antes de usar o conversor de imagem para HTML, verifique se você tem:
- Acesso ao Adobe Journey Optimizer com o Designer de email
- Um arquivo de imagem no formato JPEG ou PNG contendo seu design de email
- Acesso de disponibilidade limitada à imagem para o recurso de conversão do HTML (entre em contato com o representante da Adobe)
Conversão de uma imagem em um modelo HTML convert-image
Para converter um design de imagem em um modelo de email do HTML totalmente personalizável, siga estas etapas:
-
Acesse a lista Modelos de conteúdo selecionando Gerenciamento de conteúdo > Modelos de conteúdo no menu esquerdo.
-
Clique em Criar modelo.
-
Preencha os detalhes do modelo, selecione Email como canal e clique em Criar.
-
Na seção direita, na seção Converter imagem em modelo, clique no botão Carregar imagem para selecionar seu arquivo de imagem.
note caution CAUTION Ao carregar uma imagem para conversão, todo o conteúdo adicionado ao email será excluído e substituído pelo modelo gerado. Se você tiver conteúdo existente em seu email, salve-o antes de prosseguir com a conversão da imagem. -
Escolha a imagem e clique em Abrir para iniciar o processo de conversão baseado em IA.
note note NOTE O processo de geração pode levar até 5 minutos, dependendo da complexidade e do tamanho do design de imagem. O processamento da IA ocorre em segundo plano, para que você possa sair dessa tela e trabalhar em outras tarefas enquanto a conversão estiver em andamento. Você não precisa manter a tela aberta. -
Quando a conversão for concluída, seu modelo de conteúdo será salvo automaticamente como rascunho. Em seguida, você pode revisar e editar o modelo HTML gerado na tela Designer de email.
-
O modelo convertido é aberto no Designer de email com recursos de edição completos. Agora você pode:
- Editar conteúdo de texto e aplicar personalização
- Modificar imagens e adicionar links
- Ajustar cores, fontes e estilo
- Adicionar, remover ou reorganizar componentes de conteúdo
- Aproveite todos os recursos do Email Designer como com qualquer outro modelo
-
Faça os ajustes necessários para refinar o modelo e corresponder às diretrizes da marca.
-
Depois de satisfeito com o modelo, clique em Salvar para salvar o modelo de conteúdo.
-
Seu template agora está disponível na biblioteca de Modelos de conteúdo e pode ser usado ao criar emails em jornadas ou campanhas. Saiba como usar modelos de conteúdo
Usar seu modelo convertido em emails use-template
Depois de criar e salvar seu modelo de conteúdo, você pode usá-lo ao criar emails em jornadas ou campanhas:
Ao criar um email em uma jornada ou campanha, acesse o Designer de email na tela Editar conteúdo.
Saiba mais sobre como trabalhar com modelos de email e como criar modelos de conteúdo.
Práticas recomendadas best-practices
Para obter ótimos resultados ao usar o conversor imagem para HTML, siga estas recomendações:
Antes de começar
- Salvar conteúdo existente: a conversão de uma imagem em HTML substituirá todo o conteúdo existente no seu email. Sempre salve o trabalho atual antes de usar este recurso.
- Planeje seu fluxo de trabalho: use o conversor de imagem para HTML no início do processo de criação de email ou verifique se você está pronto para substituir todo o conteúdo atual.
Preparação da imagem
- Solução: use imagens de alta resolução (no mínimo 1200px de largura) para melhor reconhecimento de texto e detecção de elementos
- Clareza: verifique se o texto é claramente legível e se os elementos visuais estão bem definidos
- Largura: crie imagens nas larguras de email padrão (600-800px) para corresponder aos requisitos típicos do cliente de email
- Formato de arquivo: usar o formato JPEG ou PNG - evitar imagens compactadas ou de baixa qualidade
- Design completo: incluir o design de email completo em uma única imagem, do cabeçalho ao rodapé
Considerações sobre o design
- Layouts simples: layouts mais simples e bem estruturados são convertidos com maior precisão do que designs altamente complexos
- Elementos padrão: usar padrões comuns de design de email (cabeçalho, seções de corpo, CTAs, rodapé)
- Legibilidade do texto: garanta contraste suficiente entre o texto e os planos de fundo
- Fontes seguras para a Web: os designs que usam fontes comuns seguras para a Web terão melhor fidelidade
- Evitar elementos sobrepostos: mantenha os elementos de design claramente separados para obter um melhor reconhecimento de estrutura
Após a conversão
- Analisar rascunho: depois que a conversão for concluída, o modelo será salvo automaticamente como rascunho. Reserve tempo para analisar cuidadosamente a precisão do HTML gerado
- Testar completamente: testar o email em diferentes clientes e dispositivos de email
- Refinar manualmente: faça os ajustes necessários usando os recursos de edição completos do Designer de email
- Alinhamento da marca: verifique se as cores, fontes e estilos correspondem às diretrizes da sua marca
- Personalization: adicionar conteúdo dinâmico e tokens de personalização conforme necessário
- Acessibilidade: revisar e aprimorar recursos de acessibilidade, se necessário
Limitações e considerações limitations
Esteja ciente das seguintes limitações ao usar o conversor de Imagem para HTML:
-
Interpretação de IA: a IA gera o HTML com base na interpretação visual da sua imagem. Designs complexos ou incomuns podem exigir ajustes manuais após a conversão.
-
Precisão do texto: enquanto a IA tenta reconhecer e reproduzir o texto com precisão, sempre verifique o conteúdo do texto e faça as correções necessárias.
-
Conteúdo dinâmico: o processo de conversão cria um HTML estático com base na sua imagem. Você precisará adicionar personalização, conteúdo dinâmico e rastreamento manualmente após a conversão.
-
Layouts complexos: projetos altamente complexos com camadas complexas, formas incomuns ou elementos não padrão podem não ser perfeitamente convertidos. Designs mais simples geralmente produzem melhores resultados.
-
Tempo de processamento: o processo de conversão pode levar até 5 minutos, dependendo da complexidade e do tamanho da sua imagem. O processamento da IA acontece em segundo plano, permitindo que você trabalhe em outras tarefas sem manter a tela aberta. O modelo é salvo automaticamente como rascunho após a conclusão da conversão.
-
Disponibilidade limitada: como um recurso de Disponibilidade limitada, a imagem para o conversor HTML está sendo aprimorada continuamente. A funcionalidade e a precisão podem variar, e seus comentários ajudam a aprimorar o recurso.