画像をメールコンテンツテンプレートに変換 image-to-html
Journey Optimizerは、静的な画像デザインを完全にカスタマイズ可能なモジュール式の電子メールコンテンツテンプレートに変換することで、電子メールの作成を大幅に高速化するのに役立ちます。
統合ツールは、生成AI テクノロジーを活用することで、画像内のレイアウト、タイポグラフィ、カラー、ビジュアル要素を分析し、デザインの忠実性を維持しながら、電子メールDesignerで完全に編集可能な、すっきりとしたモジュール式のHTML コンテンツを生成します。
マーケターは、このノーコード機能により、グラフィックデザイナーやデザインツールのビジュアルアセットを、複数のジャーニーやキャンペーンをまたいで保存や再利用が可能な、レスポンシブで編集可能なメールテンプレートに変換できます。技術的な専門知識は必要ありません。
主なメリットは次のとおりです。
- ハンドコーディングよりも高速 - コンバータは、画像を数分で編集可能なコンテンツに変換するので、手動で時間がかかるHTMLへのモックアップのワークフローをスキップできます。
- 技術的なスキルは必要ありません - マーケターは、デザインや開発のサポートがなくてもテンプレートを作成および調整できます。
- キャンペーン間で再利用可能 - テンプレートをライブラリに保存し、任意のジャーニーまたはキャンペーンで使用できます。
- デザインに忠実 – 出力は、電子メール Designerと完全に互換性がある状態で、レイアウトとスタイルに一致します。
画像から HTML へのコンバーターは、次の場合に最適です。
- プラットフォームの移行:別のメールマーケティングプラットフォームから移行しますか?ゼロから再構築することなく、既存のメールデザインをJourney Optimizer対応のHTML テンプレートに変換できます。
- デザインモックアップ変換: Photoshop、Figma、その他のデザインソフトウェアなどのツールからデザインモックアップを機能的なメールテンプレートに変換します。
- 迅速なテンプレート作成:開発者のリソースを待たずに、時間に制限のあるキャンペーン用にメールテンプレートを迅速に生成します。
- テンプレートライブラリの作成:技術者以外のチームメンバーがカスタマイズしてデプロイできる、ブランドに一貫性のあるテンプレートの包括的なライブラリを作成します。
- 技術的な依存関係を減らす: マーケターがメールテンプレートを独自に作成および繰り返せるようにして、キャンペーンの実行を高速化します。
HTML converterへの画像へのアクセス access-image-to-html
Adobeとの補遺
この機能にアクセスするには、組織がAdobeとのGenerative AI付録に署名している必要があります。 不明な点がある場合は、Adobe担当者にお問い合わせください。
権限
-
テンプレートにアクセスして作成するには、役割に コンテンツテンプレートを管理 権限(コンテンツ管理 リソースの下)を含める必要があります。 詳しくは、権限を参照してください。
-
画像からHTMLへのコンバーターを使用するには、コンテンツを生成権限が付与されている必要があります。 コンテンツ生成に関連する権限を割り当てる方法については、この節を参照してください。
契約書
この機能を利用する前に、Journey Optimizerで生成AIを初めて使用する際に表示される使用許諾契約書に同意する必要があります。 詳しくは、Adobe Experience Cloud生成AI ユーザーガイドライン を参照してください。
ガードレールとレコメンデーション limitations
画像をメールコンテンツテンプレートに変換する際には、次の制限と推奨事項に注意してください。
適切性
-
AIの解釈: AIは、画像の視覚的な解釈に基づいて静的なHTML コンテンツを生成します。 メール作成の優れた出発点となりますが、正確な要件を満たしているかどうかを確認するために、メールDesignerを使用してレビューおよび調整する必要があります。 必要に応じて、コンバージョン後にパーソナライゼーション、動的コンテンツ、トラッキングを手動で追加する必要があります。
-
テキストの正確性: AIがテキストを正確に認識および再現しようとしますが、常にテキストコンテンツを検証し、必要に応じて修正を行います。 Adobe生成AI ユーザーガイドライン を確認してください。
画像選択
-
PIIおよび機密データ:個人を特定できる情報(PII)またはその他の機密データを含まない画像を必ず選択してください。
-
画像サイズ: 10 MBを超える画像をアップロードすることはできません。
-
高品質な画像:最適な結果を得るには、明確で高品質な画像を使用します。シャープなビジュアル、読みやすいテキスト、明確に定義されたレイアウト要素です。 画像のぼやけ、暗い、または乱雑な場合は、コンバージョンの質が低下します。 画像の幅は、標準的なメールディメンションに一致させて 600~800 ピクセルにするのが理想的です。
-
シンプルなレイアウト:複雑なレイヤー、通常とは異なるシェイプ、または標準外の要素を含む複雑なデザインでは、完全に変換できない場合があります。 一般的に、よりシンプルなデザインがより良い結果を得られます。
処理中
-
ページを更新:更新するまで、結果は自動的に表示されません。
-
処理時間:複雑さと画像サイズに応じて、コンバージョンは 約5分 以内に完了することが多いです。 非常に大きい画像や複雑な画像の場合、最大10分かかることがあります。それに応じて待ってから、更新して結果を表示します。
画像をHTML テンプレートに変換 convert-image
画像デザインを完全にカスタマイズ可能なメールコンテンツテンプレートに変換するには、次の手順に従います。
-
電子メールデザインを含むJPEGまたはPNG形式の画像ファイルがあることを確認します。
note important IMPORTANT 画像サイズは 10MB を超えることはできません。 最適な結果を得るには、シャープなビジュアル、読みやすいテキスト、明確に定義されたレイアウト要素を含む 明確で高品質な画像 を使用します。 -
左側のメニューから「コンテンツ管理」 > 「コンテンツテンプレート」を選択して、コンテンツテンプレートリストにアクセスします。
-
「テンプレートを作成」をクリックします。
-
テンプレートの詳細を入力し、チャネルとして「メール」を選択して、「作成」をクリックします。
-
「画像をテンプレートに変換」セクションで、次の手順を実行します。
-
(オプション)Journey Optimizerでブランドテーマが定義されている場合、生成されたHTMLがブランドテーマのパラメーターに従ってスタイル設定されるように、入力としてテーマを選択できます。 テーマについて詳しく見る
生成されたテンプレートには、背景色、ボタンの色、フォント、行間、余白、パディングなどのスタイル設定が適用されるので、デザイン作業が減り、最小限の編集ですぐに使用できるテンプレートが作成されます。
-
画像をアップロードできるようにするには、個人情報(PII)やその他の機密データが含まれていないことを確認します。 対応するオプションをチェックして、ファイルをレビューしたことを確認します。
-
「画像をアップロード」ボタンをクリックして、画像ファイルを選択します。
{width="80%"}
note caution CAUTION 変換用に画像をアップロードすると、現在メールに追加されているすべてのコンテンツが削除され、生成されたテンプレートに置き換えられます。
-
-
Journey Optimizerで生成AIを初めて使用する場合は、使用許諾契約書に同意するよう求められます。 詳しくは、Adobe生成AI ユーザーガイドライン を参照してください。
Journey Optimizerの
{width="50%"}
「同意」をクリックして続行します。
-
画像を選択した後、開くをクリックして、画像デザインの複雑さとサイズに応じて、約5分以内に完了することが多いAIによる変換プロセスを開始します。
note note NOTE 非常に大きな画像の場合、最大で10分かかる場合があります。 コンバージョンの処理中に、この画面から移動して他のタスクに取り組むことができます。 -
ページを更新して出力を確認します。 変換が完了すると、生成されたコンテンツが表示され、ドラフトとして自動的に保存されます。
note important IMPORTANT 更新するまで、結果は自動的に表示されません。 {width="90%"}
-
「画像からテンプレートへのコンバーターのフィードバック」セクションを使用して、Adobeで考えや提案を共有し、機能の改善に役立ててください。
{width="70%"}
-
「メール本文を編集」をクリックします。 変換後のテンプレートは、完全な編集機能を備えた電子メール Designerで開きます。 次ができるようになりました。
- テキストコンテンツのレビュー、編集、パーソナライゼーションの適用
- 画像を変更し、リンクを追加
- カラー、フォント、スタイルを調整
- コンテンツコンポーネントを追加、削除、並べ替え
- 他のテンプレートと同様に、E メールデザイナーのすべての機能を活用
必要な調整を行って、テンプレートを絞り込み、ブランドガイドラインに一致させます。
-
テンプレートに問題がなければ、保存をクリックします。
テンプレートがコンテンツテンプレートライブラリで使用できるようになりました。このテンプレートは、ジャーニーまたはキャンペーンでメールを作成する際に使用できます。 詳しくは、コンテンツテンプレートの使用方法を参照してください。
ベストプラクティス best-practices
画像をメールコンテンツテンプレートに変換する際に最適な結果を得るには、次の推奨事項に従ってください。
- 既存のコンテンツを保存:画像を変換すると、メールテンプレート内のすべての既存のコンテンツが置き換えられます。 この機能を使用する前に、現在の作業内容を常に保存します。
- ワークフローの計画: メール作成プロセスの最初にこの機能を使用するか、現在のすべてのコンテンツを置き換える準備ができていることを確認します。
- 解像度:高解像度の画像を使用して、テキスト認識と要素の検出を向上させます。
- 明瞭度:明確な画像を使用します。テキストは読みやすく、視覚的な要素が明確に定義されている必要があります。ぼやけた、コントラストの低い、またはノイズの多いソースファイルは避けてください。
- 幅:一般的な電子メールクライアントの要件に合わせて、標準の電子メール幅(600 ~ 800 px)で画像をデザインします。
- ファイル形式:JPEGまたはPNG形式を使用します。圧縮された画像や低画質の画像は避けてください。
- 完全なデザイン:完全な電子メールデザインを1つの画像(ヘッダーからフッターまで)に含めます。
- シンプルなレイアウト:シンプルで構造化されたレイアウトは、非常に複雑なデザインよりも正確に変換されます。
- 標準要素:一般的なメール デザイン パターン(ヘッダー、本文セクション、CTA、フッター)を使用します。
- テキストの読みやすさ: テキストと背景の間に十分なコントラストを確保します。
- Web セーフフォント:共通のweb セーフフォントを使用するデザインの忠実度が高くなります。
- 重なり合う要素を避ける: デザイン要素を明確に分離して、構造認識を向上させます。
- 更新して結果を表示する:約5分(非常に大きな画像の場合は最大10分)後、ページを更新して、完了したコンバージョンが表示されるようにします。
- ドラフトを確認:コンバージョンが完了すると、テンプレートは自動的にドラフトとして保存されます。時間をかけて、生成されたコンテンツが正しいかどうかを注意深く確認します。
- 徹底的にテスト:様々な電子メールクライアントとデバイスで電子メールをテストします。 コンテンツのプレビューとテストの方法について説明します。
- 手動で調整: 電子メール Designerのフル編集機能を使用して、必要に応じて調整します。
- ブランドの整合:色、フォント、スタイル設定がブランドガイドラインに一致することを確認し、利用可能な場合はテーマを使用します。 メールテーマの詳細。
- Personalization:必要に応じて、動的コンテンツとパーソナライゼーショントークンを追加します。 パーソナライゼーションの詳細。
- アクセシビリティ:必要に応じてアクセシビリティ機能を確認し、強化します。 アクセス可能な電子メールコンテンツの詳細。