[限定提供]{class="badge informative"}
画像から HTML へのコンバーターを使用して、画像を HTML テンプレートに変換 image-to-html
概要 overview
画像から HTML へのコンバーターは、コンテンツテンプレートメニューで使用できる革新的な AI を活用した機能で、静的な画像デザインを完全にカスタマイズ可能なモジュール式の HTML メールコンテンツテンプレートに変換することで、メールの作成速度を大幅に向上させます。このコードなしのツールを使用すると、マーケターは、グラフィックデザイナーやデザインツールによるビジュアルデザインをレスポンシブで編集可能なメールテンプレートに変換できます。このテンプレートは、コンテンツテンプレートライブラリに保存され、技術的な専門知識を必要とせずに、複数のジャーニーやキャンペーンで再利用できます。
生成 AI テクノロジーを活用することで、画像から HTML へのコンバーターは、画像のレイアウト、テキスト編集、カラー、視覚要素を分析し、完全な編集性と E メールデザイナーとの互換性を確保しながらデザインの忠実性を維持する、クリーンでモジュール式の HTML コードを生成します。これにより、モックアップを HTML に変換するという手動で時間のかかるプロセスがなくなり、開発リソースへの依存関係が軽減されます。
主なメリット：
- 数分でデザインを HTML に変換：AI を活用したコードなしのコンバージョンにより、静的な画像を編集可能なモジュール式テンプレートに数分で変換できるので、テンプレート作成時間を大幅に短縮できます
- 技術者以外のユーザーにも対応：デザインチームや開発チームへの依存関係を軽減 - マーケターは最小限の技術知識でテンプレートを生成およびカスタマイズできます
- プラットフォーム移行の簡素化：外部テンプレートや他のプラットフォームのデザインを AJO 対応 HTML に簡単に変換します
- 再利用可能なテンプレートライブラリを作成：複数のジャーニーやキャンペーンをまたいで使用できる、スケーラブルでブランドの一貫性のあるテンプレートライブラリを作成します
- デザインの忠実性：完全に編集可能なコンテンツを作成しながら、元のデザインとの視覚的な一貫性を維持します
- メール互換性：E メールデザイナーや複数のメールクライアントでシームレスに動作する HTML を生成します
よくあるユースケース use-cases
画像から HTML へのコンバーターは、次の場合に最適です。
- プラットフォームの移行：別のメールマーケティングプラットフォームから移行しますか？ゼロから再作成することなく、既存のメールデザインを AJO 対応の HTML テンプレートに変換します
- デザインモックアップのコンバージョン：Photoshop、Figma、その他のデザインソフトウェアなどのツールから作成したデザインモックアップを、機能的なメールテンプレートに変換します
- 迅速なテンプレートの作成：開発者リソースを待つことなく、時間的制約のあるキャンペーン用のメールテンプレートを迅速に生成します
- テンプレートライブラリの作成：技術者以外のチームメンバーがカスタマイズおよびデプロイできる、ブランドの一貫性のあるテンプレートの包括的なライブラリを作成します
- 技術的依存関係の軽減：マーケターが個別にメールテンプレートを作成し、繰り返すことができるので、キャンペーンの実行速度が向上します
前提条件 prerequisites
画像から HTML へのコンバーターを使用する前に、次を用意する必要があります。
- E メールデザイナーを含む Adobe Journey Optimizer に対するアクセス権
- メールデザインを含む JPEG または PNG 形式の画像ファイル
- 画像から HTML へのコンバーター機能に対する限定提供アクセス権（アドビ担当者にお問い合わせください）
HTML テンプレートへの画像の変換 convert-image
画像デザインを完全にカスタマイズ可能な HTML メールテンプレートに変換するには、次の手順に従います。
-
左側のメニューからコンテンツ管理／コンテンツテンプレートを選択して、コンテンツテンプレートリストにアクセスします。
-
「テンプレートを作成」をクリックします。
-
テンプレートの詳細を入力し、チャネルとして「メール」を選択して、「作成」をクリックします。
-
右側のセクションの「画像をテンプレートに変換」セクションで、「画像をアップロード」ボタンをクリックして、画像ファイルを選択します。
note caution CAUTION コンバージョン用に画像をアップロードすると、メールに現在追加されているすべてのコンテンツが削除され、生成したテンプレートに置き換えられます。メールに既存のコンテンツがある場合は、画像変換に進む前に必ず保存してください。 -
画像を選択し、「開く」をクリックして、AI を活用したコンバージョンプロセスを開始します。
note note NOTE 生成プロセスには、画像デザインの複雑さとサイズに応じて最大 5 分かかる場合があります。AI 処理はバックグラウンドで行われるので、コンバージョンの進行中にこの画面から離れて他のタスクに取り組むことができます。画面を開いたままにする必要はありません。 -
コンバージョンが完了すると、コンテンツテンプレートは自動的にドラフトとして保存されます。その後、生成した HTML テンプレートを E メールデザイナーキャンバスで確認および編集できます。
-
変換したテンプレートは、完全な編集機能を含む E メールデザイナーで開きます。次ができるようになりました。
- テキストコンテンツを編集し、パーソナライゼーションを適用
- 画像を変更し、リンクを追加
- カラー、フォント、スタイルを調整
- コンテンツコンポーネントを追加、削除、並べ替え
- 他のテンプレートと同様に、E メールデザイナーのすべての機能を活用
-
必要な調整を行って、テンプレートを絞り込み、ブランドガイドラインに一致させます。
-
テンプレートに問題がなければ、「保存」をクリックして、コンテンツテンプレートを保存します。
-
テンプレートはコンテンツテンプレートライブラリで使用できるようになり、ジャーニーやキャンペーンでメールを作成する際に使用できます。詳しくは、コンテンツテンプレートの使用方法を参照してください。
変換したテンプレートをメールで使用 use-template
コンテンツテンプレートを作成して保存すると、ジャーニーやキャンペーンでメールをデザインする際に使用できます。
ジャーニーやキャンペーンでメールを作成する際は、コンテンツを編集画面から E メールデザイナーにアクセスします。
詳しくは、メールテンプレートの操作とコンテンツテンプレートの作成を参照してください。
ベストプラクティス best-practices
画像から HTML へのコンバーターを使用する際に最適な結果を得るには、次のレコメンデーションに従います。
事前準備
- 既存のコンテンツを保存：画像を HTML に変換すると、メール内の既存のコンテンツがすべて置き換えられます。この機能を使用する前に、現在の作業内容を常に保存します。
- ワークフローを計画：メール作成プロセスの開始時に画像から HTML へのコンバーターを使用するか、現在のすべてのコンテンツを置き換える準備が整っていることを確認します。
画像の準備
- 解像度：テキスト認識と要素検出を向上させるために、高解像度の画像（幅 1200 px 以上）を使用します
- 明確さ：テキストが明確に読みやすく、視覚要素が明確に定義されていることを確認します
- 幅：一般的なメールクライアントの要件に一致させるために、標準的なメール幅（600～800 px）で画像をデザインします
- ファイル形式：JPEG または PNG 形式を使用 - 圧縮された画像や低品質の画像を回避します
- 完全なデザイン：ヘッダーからフッターまで、完全なメールデザインを単一の画像に含めます
デザインに関する考慮事項
- シンプルなレイアウト：シンプルで適切に構造化されたレイアウトは、非常に複雑なデザインよりも正確に変換されます
- 標準要素：一般的なメールデザインパターン（ヘッダー、本文セクション、CTA、フッター）を使用します
- テキストの読みやすさ：テキストと背景の十分なコントラストを確保します
- Web セーフフォント：一般的な web セーフフォントを使用したデザインは、忠実度が高くなります
- 要素の重複を回避：構造を認識しやすくするために、デザイン要素を明確に分離します
コンバージョン後
- ドラフトを確認：コンバージョンが完了すると、テンプレートは自動的にドラフトとして保存されます。生成した HTML の正確性について、時間をかけて慎重に確認します
- 完全にテスト：様々なメールクライアントとデバイスでメールをテストします
- 手動で絞り込み：E メールデザイナーの完全な編集機能を使用して、必要に応じて調整を行います
- ブランド一致：カラー、フォント、スタイルがブランドガイドラインに一致していることを確認します
- パーソナライゼーション：必要に応じて、動的コンテンツとパーソナライゼーショントークンを追加します
- アクセシビリティ：必要に応じて、アクセシビリティ機能を確認および強化します
制限と考慮事項 limitations
画像から HTML へのコンバーターを使用する場合は、次の制限に注意してください。
-
AI の解釈：AI は、画像の視覚的解釈に基づいて HTML を生成します。複雑なデザインや通常ではないデザインでは、コンバージョン後に手動で調整が必要になる場合があります。
-
テキストの正確性：AI はテキストを正確に認識および再現しようとしますが、テキストコンテンツを常に確認し、必要に応じて修正を行います。
-
動的コンテンツ：コンバージョンプロセスでは、画像に基づいて静的な HTML が作成されます。コンバージョン後には、パーソナライゼーション、動的コンテンツ、トラッキングを手動で追加する必要があります。
-
複雑なレイアウト：複雑なレイヤー、通常ではないシェイプ、非標準の要素を含む非常に複雑なデザインは、完全に変換されない場合があります。一般的に、よりシンプルなデザインがより良い結果を得られます。
-
処理時間：画像の複雑さとサイズによっては、コンバージョンプロセスに最大 5 分かかる場合があります。AI の処理はバックグラウンドで行われるので、画面を開いたままにすることなく他のタスクを実行できます。変換が完了すると、テンプレートは自動的にドラフトとして保存されます。
-
限定提供：限定提供機能として、画像から HTML へのコンバーターは継続的に改善されています。機能と精度は変化する場合があり、お客様からのフィードバックは機能の向上に役立ちます。