画像をメールコンテンツテンプレートに変換 image-to-html

Journey Optimizerは、静的な画像デザインを完全にカスタマイズ可能なモジュール式の電子メールコンテンツテンプレートに変換することで、電子メールの作成を大幅に高速化するのに役立ちます。

AVAILABILITY
この機能を使用するには、組織がAdobeとのGenerative AI付録に署名している必要があります。 不明な点がある場合は、Adobe担当者にお問い合わせください。
この機能は、電子メールチャネルでのみ使用できます。

統合ツールは、生成AI テクノロジーを活用することで、画像内のレイアウト、タイポグラフィ、カラー、ビジュアル要素を分析し、デザインの忠実性を維持しながら、電子メールDesignerで完全に編集可能な、すっきりとしたモジュール式のHTML コンテンツを生成します。

マーケターは、このノーコード機能により、グラフィックデザイナーやデザインツールのビジュアルアセットを、複数のジャーニーやキャンペーンをまたいで保存や再利用が可能な、レスポンシブで編集可能なメールテンプレートに変換できます。技術的な専門知識は必要ありません。

IMPORTANT
この機能の使用を開始する前に、関連する​ ガードレールと推奨事項をお読みください。

主なメリットは次のとおりです。

  • ハンドコーディングよりも高速 - コンバータは、画像を数分で編集可能なコンテンツに変換するので、手動で時間がかかる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

画像デザインを完全にカスタマイズ可能なメールコンテンツテンプレートに変換するには、次の手順に従います。

  1. 電子メールデザインを含むJPEGまたはPNG形式の画像ファイルがあることを確認します。

    note important
    IMPORTANT
    画像サイズは​ 10MB ​を超えることはできません。 最適な結果を得るには、シャープなビジュアル、読みやすいテキスト、明確に定義されたレイアウト要素を含む​ 明確で高品質な画像 ​を使用します。
  2. 左側のメニューから「コンテンツ管理」 > 「コンテンツテンプレート」を選択して、コンテンツテンプレートリストにアクセスします。

  3. テンプレートを作成」をクリックします。

  4. テンプレートの詳細を入力し、チャネルとして「メール」を選択して、「作成」をクリックします。

  5. 画像をテンプレートに変換」セクションで、次の手順を実行します。

    • (オプション)Journey Optimizerでブランドテーマが定義されている場合、生成されたHTMLがブランドテーマのパラメーターに従ってスタイル設定されるように、入力としてテーマを選択できます。 ​ テーマについて詳しく見る

      生成されたテンプレートには、背景色、ボタンの色、フォント、行間、余白、パディングなどのスタイル設定が適用されるので、デザイン作業が減り、最小限の編集ですぐに使用できるテンプレートが作成されます。

    • 画像をアップロードできるようにするには、個人情報(PII)やその他の機密データが含まれていないことを確認します。 対応するオプションをチェックして、ファイルをレビューしたことを確認します。

    • 画像をアップロード」ボタンをクリックして、画像ファイルを選択します。

      画像をテンプレートに変換セクションを含むJourney Optimizer電子メールコンテンツテンプレートエディター {width="80%"}

      note caution
      CAUTION
      変換用に画像をアップロードすると、現在メールに追加されているすべてのコンテンツが削除され、生成されたテンプレートに置き換えられます。
  6. Journey Optimizerで生成AIを初めて使用する場合は、使用許諾契約書に同意するよう求められます。 詳しくは、Adobe生成AI ユーザーガイドライン ​を参照してください。

    Journey Optimizerの 生成AI ユーザー契約書ダイアログ ​ {width="50%"}

    同意」をクリックして続行します。

  7. 画像を選択した後、開く​をクリックして、画像デザインの複雑さとサイズに応じて、約5分​以内に完了することが多いAIによる変換プロセスを開始します。

    note note
    NOTE
    非常に大きな画像の場合、最大で10分かかる場合があります。 コンバージョンの処理中に、この画面から移動して他のタスクに取り組むことができます。
  8. ページを更新して​出力を確認します。 変換が完了すると、生成されたコンテンツが表示され、ドラフトとして自動的に保存されます。

    note important
    IMPORTANT
    更新するまで、結果は自動的に表示されません。

    画像の変換から生成された下書きを表示する電子メールコンテンツテンプレート ​ {width="90%"}

  9. 画像からテンプレートへのコンバーターのフィードバック」セクションを使用して、Adobeで考えや提案を共有し、機能の改善に役立ててください。
    Journey Optimizerのフィードバックセクションとテキストエリアで考えや提案を共有する {width="70%"}

  10. メール本文を編集」をクリックします。 変換後のテンプレートは、完全な編集機能を備えた電子メール Designerで開きます。 次ができるようになりました。

    • テキストコンテンツのレビュー、編集、パーソナライゼーションの適用
    • 画像を変更し、リンクを追加
    • カラー、フォント、スタイルを調整
    • コンテンツコンポーネントを追加、削除、並べ替え
    • 他のテンプレートと同様に、E メールデザイナーのすべての機能を活用

    変換されたテンプレートを編集用のモジュラーコンテンツコンポーネントとして表示するJourney OptimizerのメールDesigner

    必要な調整を行って、テンプレートを絞り込み、ブランドガイドラインに一致させます。

  11. テンプレートに問題がなければ、保存​をクリックします。

テンプレートがコンテンツテンプレートライブラリで使用できるようになりました。このテンプレートは、ジャーニーまたはキャンペーンでメールを作成する際に使用できます。 詳しくは、コンテンツテンプレートの使用方法を参照してください。

ベストプラクティス best-practices

画像をメールコンテンツテンプレートに変換する際に最適な結果を得るには、次の推奨事項に従ってください。

始める前に
  • 既存のコンテンツを保存:画像を変換すると、メールテンプレート内のすべての既存のコンテンツが置き換えられます。 この機能を使用する前に、現在の作業内容を常に保存します。
  • ワークフローの計画: メール作成プロセスの最初にこの機能を使用するか、現在のすべてのコンテンツを置き換える準備ができていることを確認します。
画像の準備
  • 解像度:高解像度の画像を使用して、テキスト認識と要素の検出を向上させます。
  • 明瞭度:明確な画像を使用します。テキストは読みやすく、視覚的な要素が明確に定義されている必要があります。ぼやけた、コントラストの低い、またはノイズの多いソースファイルは避けてください。
  • :一般的な電子メールクライアントの要件に合わせて、標準の電子メール幅(600 ~ 800 px)で画像をデザインします。
  • ファイル形式:JPEGまたはPNG形式を使用します。圧縮された画像や低画質の画像は避けてください。
  • 完全なデザイン:完全な電子メールデザインを1つの画像(ヘッダーからフッターまで)に含めます。
設計に関する検討事項
  • シンプルなレイアウト:シンプルで構造化されたレイアウトは、非常に複雑なデザインよりも正確に変換されます。
  • 標準要素:一般的なメール デザイン パターン(ヘッダー、本文セクション、CTA、フッター)を使用します。
  • テキストの読みやすさ: テキストと背景の間に十分なコントラストを確保します。
  • Web セーフフォント:共通のweb セーフフォントを使用するデザインの忠実度が高くなります。
  • 重なり合う要素を避ける: デザイン要素を明確に分離して、構造認識を向上させます。
コンバージョン後
  • 更新して結果を表示する:約5分(非常に大きな画像の場合は最大10分)後、ページを更新して、完了したコンバージョンが表示されるようにします。
  • ドラフトを確認:コンバージョンが完了すると、テンプレートは自動的にドラフトとして保存されます。時間をかけて、生成されたコンテンツが正しいかどうかを注意深く確認します。
  • 徹底的にテスト:様々な電子メールクライアントとデバイスで電子メールをテストします。 ​ コンテンツのプレビューとテストの方法について説明します
  • 手動で調整: 電子メール Designerのフル編集機能を使用して、必要に応じて調整します。
  • ブランドの整合:色、フォント、スタイル設定がブランドガイドラインに一致することを確認し、利用可能な場合はテーマを使用します。 ​ メールテーマの詳細
  • Personalization:必要に応じて、動的コンテンツとパーソナライゼーショントークンを追加します。 ​ パーソナライゼーションの詳細
  • アクセシビリティ:必要に応じてアクセシビリティ機能を確認し、強化します。 ​ アクセス可能な電子メールコンテンツの詳細
フィードバックを歓迎します。
専用のセクションで、Adobeに関するご意見やご提案を紹介し、機能の改善にご協力ください。

よくある質問 faq

画像をコンテンツテンプレートに変換すると、既存のメールコンテンツはどうなりますか?
コンバージョン用に画像をアップロードすると、メール内の既存のコンテンツはすべて削除され、新しく生成したテンプレートに置き換えられます。この機能を使用する前に、重要なコンテンツを保存してください。この機能は、メール作成プロセスの開始時に最適です。
サポートされているファイル形式は何ですか?
コンバータは、(.jpg、.jpeg)およびPNG (.png)の画像形式をサポートしています。
コンバージョンプロセスにはどのくらいの時間がかかりますか?
コンバージョンは、画像デザインの複雑さとサイズに応じて、約5分以内に完了することがよくあります。 非常に大きな画像の場合、最大10分かかることがあります。時間を空けてから更新してください。 AIの処理はバックグラウンドで行われるため、画面を開いたままにすることなく、そこから離れて他のタスクに取り組むことができます。 変換が完了すると、ファイルはドラフトとして自動的に保存され、レビューと編集が行われます。
生成したテンプレートを編集できますか?
はい。生成されたコンテンツテンプレートは、メールDesignerで開き、完全な編集機能を備えています。 テキスト、画像、スタイル、レイアウト、構造など、テンプレートのすべての側面を変更できます。
コンバージョンがデザインと完全に一致しない場合はどうなりますか?
AIはデザインを正確に解釈するよう最善を尽くしますが、場合によっては手動での絞り込みが必要になることがあります。微調整が必要な要素は、E メールデザイナーを使用して調整してください。
この機能をランディングページやその他のコンテンツタイプに使用できますか?
画像からHTMLへのコンバーターは、現在、メールコンテンツテンプレート専用に設計されています。 その他のコンテンツタイプの場合は、E メールデザイナーで使用できる標準のデザインおよび読み込みオプションを使用します。
この機能を使用するには特別な権限が必要ですか?
この機能は、AdobeでGen AI付録に署名したすべてのお客様が利用できます。 お客様の組織が付録に署名したかどうかわからない場合は、Adobe担当者にお問い合わせください。
コンバージョン済みのテンプレートを複数のキャンペーンをまたいで再利用できますか?
はい。画像から HTML へのコンバーターを使用して作成したテンプレートは、コンテンツテンプレートライブラリに自動的に保存されます。ジャーニーやキャンペーンをまたいで、任意のメールでアクセスして再利用できます。詳細情報
これをプラットフォームの移行に使用できますか?
はい。画像から HTML へのコンバーターは、他のメールマーケティングプラットフォームからの移行に最適です。 以前のプラットフォームから既存のメールデザインをエクスポートまたはスクリーンショットし、ゼロから再作成する必要なく AJO 対応の HTML テンプレートに変換するだけです。
recommendation-more-help
b22c9c5d-9208-48f4-b874-1cefb8df4d76