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