[Disponibilité limitée]{class="badge informative"}
Convertir des images en modèles HTML avec le convertisseur image en HTML image-to-html
Vue d’ensemble overview
Le convertisseur image en HTML est une fonctionnalité innovante optimisée par l’IA disponible dans le menu Modèles de contenu qui accélère considérablement la création d’e-mails en convertissant des conceptions d’image statiques en modèles de contenu d’e-mail HTML entièrement modulaires et personnalisables. Cet outil sans code permet aux marketeurs de transformer les conceptions visuelles des concepteurs graphiques ou des outils de conception en modèles d’e-mail réactifs et modifiables qui peuvent être enregistrés dans la bibliothèque de modèles de contenu, puis réutilisés dans plusieurs parcours et campagnes, sans avoir à recourir à une expertise technique.
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. Cela élimine le processus manuel et long de conversion des maquettes en HTML et réduit la dépendance aux ressources de développement.
Principaux avantages :
- Conception pour HTML en quelques minutes : une conversion sans code optimisée par l’IA transforme les images statiques en modèles modifiables et modulaires en quelques minutes, ce qui réduit considérablement le temps de création des modèles
- Permet aux utilisateurs n’ayant pas de connaissances techniques : réduit la dépendance envers les équipes de conception ou de développement — les professionnels du marketing peuvent générer et personnaliser des modèles avec un minimum de connaissances techniques
- Migration simplifiée de la plateforme : convertissez facilement des modèles ou des conceptions externes d’autres plateformes en HTML prêt pour AJO
- Créer une bibliothèque de modèles réutilisable : créez une bibliothèque de modèles évolutive et cohérente, qui peut être utilisée dans plusieurs parcours et campagnes
- Fidélité de conception : conservez la cohérence visuelle avec votre conception d’origine tout en créant du contenu entièrement modifiable
- Compatibilité des e-mails : générez une HTML qui fonctionne en toute transparence avec le Designer de messagerie et entre les clients de messagerie
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 AJO 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
- Réduction des dépendances techniques : permettez aux spécialistes marketing de créer et d’itérer indépendamment sur des modèles d’e-mail, ce qui accélère l’exécution des campagnes
Conditions préalables prerequisites
Avant d’utiliser le convertisseur image vers HTML, vérifiez que vous disposez des éléments suivants :
- Accès à Adobe Journey Optimizer avec le Designer de messagerie
- Fichier image au format JPEG ou PNG contenant votre conception d’e-mail
- Disponibilité limitée de l’accès à la fonctionnalité de conversion d’image en HTML (contactez votre représentant Adobe)
Conversion d’une image en modèle HTML convert-image
Pour convertir une conception d’image en modèle d’e-mail HTML entièrement personnalisable, procédez comme suit :
-
Accédez à la liste Modèles de contenu en sélectionnant Gestion de contenu > Modèles de contenu dans le menu de gauche.
-
Cliquez sur Créer un modèle.
-
Renseignez les détails du modèle et sélectionnez E-mail comme canal, puis cliquez sur Créer.
-
Dans la section de droite, dans la section Convertir l’image en modèle, cliquez sur le bouton Télécharger l’image pour sélectionner votre fichier image.
note caution CAUTION Lorsque vous téléchargez une image pour la conversion, tout le contenu actuellement ajouté dans l’e-mail sera supprimé et remplacé par le modèle généré. Si votre e-mail contient du contenu existant, veillez à l’enregistrer avant de poursuivre la conversion d’image. -
Sélectionnez l’image et cliquez sur Ouvrir pour lancer le processus de conversion optimisé par l’IA.
note note NOTE Le processus de génération peut prendre jusqu’à 5 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 n'avez pas besoin de garder l'écran ouvert. -
Une fois la conversion terminée, votre modèle de contenu est automatiquement enregistré en tant que brouillon. Vous pouvez ensuite vérifier et modifier le modèle HTML généré dans la zone de travail du Designer d’e-mail.
-
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
-
Effectuez les ajustements nécessaires pour affiner le modèle et respecter les directives de votre marque.
-
Une fois satisfait de votre modèle, cliquez sur Enregistrer pour enregistrer le modèle de contenu.
-
Votre modèle est maintenant disponible dans la bibliothèque de modèles de contenu et peut être utilisé lors de la création d’e-mails dans des parcours ou des campagnes. Découvrez comment utiliser les modèles de contenu.
Utiliser le modèle converti dans les e-mails use-template
Une fois votre modèle de contenu créé et enregistré, vous pouvez l’utiliser lors de la conception d’e-mails dans des parcours ou des campagnes :
Lors de la création d’un e-mail dans un parcours ou une campagne, accédez à la Designer d’e-mail à partir de l’écran Modifier le contenu.
En savoir plus sur l’utilisation de modèles d’e-mail et la création de modèles de contenu.
Bonnes pratiques best-practices
Pour obtenir des résultats optimaux lors de l’utilisation du convertisseur image vers HTML, suivez ces recommandations :
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 (au moins 1 200 px de large) 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 plus 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é
- Éviter le chevauchement des éléments : maintenez les é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. Examinez 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
- 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 les besoins
- Accessibilité : consultez et améliorez les fonctionnalités d’accessibilité si nécessaire.
Restrictions et considérations limitations
Gardez à l’esprit les restrictions suivantes lors de l’utilisation du convertisseur Image vers HTML :
-
Interprétation de l’IA : l’IA génère HTML en fonction de l’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’à 5 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.
-
Disponibilité limitée : en tant que fonctionnalité à disponibilité limitée, le convertisseur image vers HTML est continuellement amélioré. Les fonctionnalités et la précision peuvent varier, et vos commentaires permettent d’améliorer la fonctionnalité.