Convertir des images en modèles HTML image-to-html
Vue d’ensemble overview
Le convertisseur d’images vers HTML accélère considérablement la création d’e-mails en convertissant des images statiques en modèles de contenu d’e-mail HTML entièrement personnalisables et modulaires. Cet outil sans code vous permet de transformer des conceptions visuelles de concepteurs graphiques ou d’outils de conception en modèles d’e-mail réactifs et modifiables, pouvant être réutilisés à maintes reprises.
Grâce à la technologie d’IA générative, le convertisseur image en HTML analyse la disposition, la typographie, les couleurs et les éléments visuels de votre image et génère un code HTML propre et modulaire qui conserve la fidélité de la conception tout en garantissant une modifiabilité et une compatibilité complètes avec le Designer Email.
- Vous devez d’abord accepter les conditions générales Core Gen-AI et les conditions supplémentaires relatives à l’utilisation de la fonctionnalité Gen-AI dans le Designer d’e-mail. Pour plus d’informations, contactez l’équipe du compte Adobe (votre gestionnaire de compte).
- Votre rôle Marketo doit disposer des autorisations Accéder au modèle d’e-mail et Modifier/générer le modèle d’e-mail activées 🔗.
Convertir une image convert-an-image
Pour convertir une image en modèle d’e-mail HTML entièrement personnalisable, procédez comme suit.
-
Dans Design Studio, cliquez sur Modèles d’e-mail, puis Modèles d’e-mail (nouveau).
-
Cliquez sur Convertir l’image en modèle.
-
Saisissez un Nom du modèle et une description facultative. Vous pouvez également choisir le style de votre marque. Chargez ou faites glisser et déposez l’image souhaitée.
-
Faites défiler vers le bas et cochez la case Le fichier de chargement ne contient pas… . Cliquez sur Convertir.
note note NOTE Le processus de génération peut prendre jusqu’à cinq minutes selon la complexité et la taille de votre conception d’image. Le traitement de l’IA se produit en arrière-plan. Vous pouvez donc quitter cet écran et travailler sur d’autres tâches pendant que la conversion est en cours. Vous devrez peut-être actualiser l’écran de la bibliothèque Modèle d’e-mail pour afficher le changement de statut. -
Une fois la conversion terminée, votre modèle est automatiquement enregistré en tant que brouillon. Cliquez sur son nom pour l’afficher/le modifier.
-
Le modèle converti s’ouvre dans le Designer d’e-mail avec des fonctionnalités de modification complètes. Vous pouvez maintenant :
- Modifier le contenu textuel et appliquer une personnalisation
- Modification des images et ajout de liens
- Ajuster les couleurs, les polices et le style
- Ajouter, supprimer ou réorganiser des composants de contenu
- Tirez parti de toutes les fonctionnalités de Designer par e-mail comme pour tout autre modèle
-
Vous pouvez effectuer les ajustements souhaités pour affiner le modèle et respecter les directives de votre marque.
-
Une fois satisfait de votre modèle, cliquez sur Enregistrer et fermer puis Publier.
Votre modèle est maintenant disponible dans la bibliothèque Modèles d’e-mail et peut être utilisé lors de la création d’e-mails.
Cas d'utilisation courants use-cases
Le convertisseur d’images en HTML est idéal pour :
- Migration de plateforme : vous effectuez une migration depuis une autre plateforme de marketing par e-mail ? Convertissez vos conceptions d’e-mail existantes en modèles HTML prêts pour Marketo Engage sans devoir reconstruire à partir de zéro
- Conversion de maquettes de conception : transformez des maquettes de conception d’outils tels que Photoshop, Figma ou d’autres logiciels de conception en modèles d’e-mail fonctionnels
- Création rapide de modèles : générez rapidement des modèles d’e-mail pour les campagnes sensibles au facteur temps, sans attendre les ressources de développement.
- Création de bibliothèques de modèles : créez une bibliothèque complète de modèles cohérents avec la marque que les membres de l’équipe non techniques peuvent personnaliser et déployer
Bonnes pratiques best-practices
Avant de commencer
- Enregistrer le contenu existant : la conversion d’une image vers HTML remplacera tout le contenu existant de votre e-mail. Enregistrez toujours votre travail actuel avant d’utiliser cette fonctionnalité.
- Planifier votre workflow : utilisez le convertisseur image vers HTML au début du processus de création d’e-mail ou assurez-vous que vous êtes prêt à remplacer tout le contenu actuel.
Préparation des images
- Résolution : utilisez des images haute résolution pour une meilleure reconnaissance du texte et une meilleure détection des éléments.
- Clarté : assurez-vous que le texte est clairement lisible et que les éléments visuels sont bien définis.
- Largeur : concevez des images aux largeurs d’e-mail standard (600 à 800 px) pour répondre aux exigences standard des clients de messagerie.
- Format de fichier : utilisez le format JPEG ou PNG pour éviter les images compressées ou de faible qualité.
- Conception complète : incluez la conception complète d’e-mail dans une seule image, de l’en-tête au pied de page.
Considérations de conception
- Dispositions simples : les dispositions simples et bien structurées se convertissent avec plus de précision que les conceptions très complexes.
- Éléments standard : utilisez des modèles de conception d’e-mail courants (en-tête, sections de corps, CTA, pied de page).
- Lisibilité du texte : assurez-vous que le contraste entre le texte et l’arrière-plan est suffisant.
- Polices sécurisées pour le web : les conceptions qui utilisent des polices sécurisées pour le web courantes auront une meilleure fidélité.
- Évitez le chevauchement des éléments : conservez des éléments de conception clairement séparés pour une meilleure reconnaissance de la structure.
Après la conversion
- Vérifier votre brouillon : une fois la conversion terminée, votre modèle est automatiquement enregistré en tant que brouillon. Prenez le temps d’examiner attentivement l’HTML générée pour en vérifier la précision.
- Tester minutieusement : tester l’e-mail sur différents clients de messagerie et appareils. Pour des résultats plus rapides, tirez parti de l’intégration Litmus.
- Affiner manuellement : effectuez les ajustements nécessaires à l’aide des fonctionnalités d’édition complète du Designer Email.
- Alignement de la marque : vérifiez que les couleurs, les polices et le style correspondent à vos directives de marque.
- Personalization : ajoutez du contenu dynamique et des jetons de personnalisation selon vos besoins.
- Accessibilité : passez en revue et améliorez les fonctionnalités d’accessibilité si nécessaire.
Restrictions et considérations limitations
Gardez à l’esprit les restrictions suivantes lorsque vous utilisez le convertisseur Image vers HTML.
-
Interprétation de l’IA : l’IA génère HTML en fonction d’une interprétation visuelle de votre image. Les conceptions complexes ou inhabituelles peuvent nécessiter des réglages manuels après la conversion.
-
Précision du texte : bien que l’IA tente de reconnaître et de reproduire le texte avec précision, vérifiez toujours le contenu du texte et apportez les corrections nécessaires.
-
Contenu dynamique : le processus de conversion crée une HTML statique en fonction de votre image. Vous devrez ajouter manuellement la personnalisation, le contenu dynamique et le suivi après la conversion.
-
Dispositions complexes : les conceptions très complexes avec des superpositions complexes, des formes inhabituelles ou des éléments non standard peuvent ne pas se convertir parfaitement. Des conceptions plus simples donnent généralement de meilleurs résultats.
-
Temps de traitement : le processus de conversion peut prendre jusqu’à cinq minutes selon la complexité et la taille de votre image. Le traitement par l’IA se produit en arrière-plan, ce qui vous permet de travailler sur d’autres tâches sans garder l’écran ouvert. Le modèle est automatiquement enregistré en tant que brouillon une fois la conversion terminée.