[有限可用性]{class="badge informative"}
使用影像轉換為HTML轉換工具將影像轉換為HTML範本 image-to-html
概觀 overview
影像到HTML轉換器是 內容範本 功能表中提供的AI支援創新功能,可將靜態影像設計轉換為完全可自訂、模組化的HTML電子郵件內容範本,大幅加快電子郵件的建立速度。 此無程式碼工具可讓行銷人員將視覺設計從圖形設計工具或設計工具轉換為回應式、可編輯的電子郵件範本,這些範本可儲存至內容範本資料庫,然後跨多個歷程及行銷活動重複使用,無需專業技術。
運用創作AI技術,將影像轉換為HTML轉換器可分析影像中的版面、印刷樣式、顏色和視覺元素,並產生簡潔的模組化HTML程式碼,以維持設計的精確度,同時確保完整可編輯性並與Email Designer相容。 如此可免除將模型轉換為HTML的手動耗時流程,並減少對於開發資源的依賴。
主要優點:
- 幾分鐘即可將設計轉換為HTML:由AI支援、無程式碼轉換,可在幾分鐘內將靜態影像轉換為可編輯的模組化範本,大幅縮短範本建立時間
- 增強非技術使用者的能力:減少對設計或開發團隊的依賴 — 行銷人員能夠以最少的技術知識產生和自訂範本
- 簡化的平台移轉:輕鬆地將外部範本或其他平台的設計轉換為AJO就緒的HTML
- 建立可重複使用的範本程式庫:建立可擴充、品牌一致的範本程式庫,可用於多個歷程和行銷活動
- 設計逼真度:建立完全可編輯的內容時,維持視覺與原始設計的一致性
- 電子郵件相容性:產生HTML,可順暢地與電子郵件Designer及跨電子郵件使用者端運作
常見使用實例 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轉換工具,或確定您已準備好取代所有目前的內容。
影像準備
- 解析度:使用高解析度影像(至少1200px寬),以取得更好的文字辨識和元素偵測
- 清晰度:確保文字清晰易讀,且視覺元素定義清楚
- 寬度:以標準電子郵件寬度(600-800px)設計影像,以符合一般電子郵件使用者端需求
- 檔案格式:使用JPEG或PNG格式 — 避免壓縮或低品質的影像
- 完整設計:將完整的電子郵件設計包括在單一影像中(從頁首到頁尾)
設計考量
- 簡單版面:較簡單、結構良好的版面轉換比高度複雜的設計更準確
- 標準元素:使用常見的電子郵件設計模式(頁首、本文區段、CTA、頁尾)
- 文字清晰度:確保文字與背景有足夠的對比
- 網頁安全字型:使用一般網頁安全字型的設計將擁有更理想的逼真度
- 避免重疊的元素:請保持設計元素間的明確分隔,以更清楚辨識結構
轉換之後
- 檢閱您的草稿:轉換完成後,您的範本會自動儲存為草稿。 請花點時間仔細檢閱產生的HTML的準確性
- 徹底測試:跨不同的電子郵件使用者端與裝置測試電子郵件
- 手動調整:使用電子郵件Designer的完整編輯功能,視需要進行調整
- 品牌一致性:確認色彩、字型和樣式符合您的品牌准則
- Personalization:視需要新增動態內容和個人化權杖
- 協助工具:視需要檢閱和增強協助工具功能
限制和考量事項 limitations
使用影像轉HTML轉換器時,請注意下列限制:
-
AI解譯: AI會根據影像的視覺解譯產生HTML。 複雜或不尋常的設計在轉換後可能需要手動調整。
-
文字準確性:當AI嘗試正確識別和重製文字時,請一律驗證文字內容並根據需要進行更正。
-
動態內容:轉換程式會根據您的影像建立靜態HTML。 轉換後,您需要手動新增個人化、動態內容和追蹤。
-
複雜版面:包含複雜分層、不尋常形狀或非標準元素的高度複雜設計,可能無法完全轉換。 較簡單的設計通常會產生更好的結果。
-
處理時間:視影像的複雜性和大小而定,轉換過程最多可能需要5分鐘。 AI處理作業會在背景進行,讓您在不開啟熒幕的情況下處理其他工作。 轉換完成後,範本會自動儲存為草稿。
-
可用性限制:由於可用性限制功能,HTML轉換器的影像正在持續改善。 功能和正確性可能會有所不同,您的意見回饋有助於增強功能。