將影像轉換為HTML範本 image-to-html
概觀 overview
影像到HTML轉換器將靜態影像轉換為完全可自訂、模組化的HTML電子郵件內容範本，大幅加速了電子郵件的建立。 這個無程式碼工具可讓您將視覺設計從圖形設計工具或設計工具轉換為可重複使用的回應式、可編輯電子郵件範本。
運用創作AI技術，影像到HTML轉換器可分析影像中的版面、印刷樣式、顏色和視覺元素，並產生簡潔的模組化HTML程式碼，以維持設計的精確度，同時確保完整可編輯性並與Email Designer相容。
- 您必須先同意核心Gen-AI條款與補充條款，才能在電子郵件Designer中使用Gen-AI功能。 如需詳細資訊，請聯絡Adobe客戶團隊（您的客戶經理）。
- 您必須擁有_存取電子郵件範本_以及_編輯/產生電子郵件範本_許可權，並在您的Marketo角色中啟用。
轉換影像 convert-an-image
若要將影像轉換為完全可自訂的HTML電子郵件範本，請遵循下列步驟。
-
在 Design Studio 中，按一下電子郵件範本，然後按一下電子郵件範本（新增）。
-
按一下「Convert image to template」。
-
輸入 範本名稱 和選擇性描述。 您也可以選擇品牌樣式。 上傳或拖放所需的影像。
-
向下捲動並選取 上傳檔案不包含…… 核取方塊。 按一下轉換。
note note NOTE 根據影像設計的複雜性和大小，產生程式最多可能需要五分鐘。 AI處理會在背景進行，因此您可以在轉換過程中離開此畫面處理其他任務。 您可能需要重新整理_電子郵件範本_資料庫畫面才能檢視狀態變更。 -
轉換完成後，您的範本會自動儲存為草稿。 按一下其名稱以檢視/編輯。
-
轉換後的範本會在Designer電子郵件中開啟，並具備完整的編輯功能。 您現在可以：
- 編輯文字內容並套用個人化
- 修改影像並新增連結
- 調整顏色、字型和樣式
- 新增、移除或重新排列內容元件
- 和任何其他範本一樣，善用所有電子郵件Designer功能
-
您可以進行任何所需的調整，以調整範本並符合您的品牌方針。
-
在滿意您的範本後，按一下Save & close，然後按發佈。
您的範本現在可在 電子郵件範本 資料庫中使用，並可在建立電子郵件時使用。
常見使用實例 use-cases
影像至HTML轉換器非常適合：
- 平台移轉：要從其他電子郵件行銷平台移轉嗎？ 將您現有的電子郵件設計轉換為可在Marketo Engage中使用的HTML範本，無需從頭重新建置
- 設計模型轉換：將設計模型從Photoshop、Figma等工具或其他設計軟體轉換為功能性的電子郵件範本
- 快速範本建立：快速產生電子郵件範本以用於時間敏感的行銷活動，而不需要等候開發人員資源
- 建置範本資料庫：建立完整的品牌一致性範本資料庫，非技術團隊成員可以自訂和部署
最佳做法 best-practices
開始之前
- 儲存現有內容：將影像轉換為HTML將會取代您電子郵件中的所有現有內容。 使用此功能前，請務必儲存您目前的工作。
- 規劃工作流程：在電子郵件建立程式開始時使用影像至HTML轉換工具，或確定您已準備好取代所有目前的內容。
影像準備
- 解析度：使用高解析度影像，以便更佳的文字辨識和元素偵測。
- 清晰度：確保文字清晰易讀，且視覺元素定義清楚。
- 寬度：以標準電子郵件寬度(600-800px)設計影像，以符合一般電子郵件使用者端需求。
- 檔案格式：使用JPEG或PNG格式 — 避免壓縮或低品質的影像。
- 完整設計：將完整的電子郵件設計包括在單一影像中，從頁首到頁尾。
設計考量
- 簡單版面：簡單、結構良好的版面轉換比高度複雜的設計更準確。
- 標準元素：使用常見的電子郵件設計模式（頁首、本文區段、CTA、頁尾）。
- 文字清晰度：確保文字與背景之間有足夠的對比。
- 網頁安全字型：使用一般網頁安全字型的設計會更逼真。
- 避免重疊的元素：請保持設計元素間的明確分隔，以辨識結構。
轉換之後
- 檢閱您的草稿：轉換完成後，您的範本會自動儲存為草稿。 請花點時間仔細檢閱產生的HTML的準確性。
- 徹底測試：跨不同的電子郵件使用者端與裝置測試電子郵件。 若要取得更快的結果，請利用Litmus整合。
- 手動調整：使用電子郵件Designer的完整編輯功能，視需要進行調整。
- 品牌一致性：確認色彩、字型和樣式符合您的品牌指導方針。
- Personalization：視需要新增動態內容和個人化權杖。
- 協助工具：視需要檢閱並增強協助工具功能。
限制和考量事項 limitations
使用影像轉HTML轉換器時，請注意下列限制。
-
AI解譯： AI會根據影像的視覺解譯產生HTML。 複雜或不尋常的設計在轉換後可能需要手動調整。
-
文字準確性：當AI嘗試正確識別和重製文字時，請一律驗證文字內容並根據需要進行更正。
-
動態內容：轉換程式會根據您的影像建立靜態HTML。 轉換後，您需要手動新增個人化、動態內容和追蹤。
-
複雜版面：包含複雜分層、不尋常形狀或非標準元素的高度複雜設計，可能無法完全轉換。 較簡單的設計通常會產生更好的結果。
-
處理時間：視您影像的複雜性和大小而定，轉換過程最多可能需要5分鐘。 AI處理作業會在背景進行，讓您在不開啟熒幕的情況下處理其他工作。 轉換完成後，範本會自動儲存為草稿。