将图像转换为HTML模板 image-to-html

概述 overview

通过将静态图像转换为完全可自定义的模块化HTML电子邮件内容模板,图像到HTML转换器可显着加快电子邮件的创建速度。 通过这个无代码工具,可以将图形设计器或设计工具中的可视设计转换为可反复使用的响应式、可编辑的电子邮件模板。

利用创作AI技术,图像到HTML转换器可分析图像中的布局、排版规则、颜色和可视化元素,并生成干净的模块化HTML代码,该代码可保持设计保真度,同时确保完全可编辑性并与Email Designer兼容。

PREREQUISITES
  • 您必须首先同意核心Gen-AI条款和补充条款,才能在Email Designer中使用Gen-AI功能。 有关详细信息,请联系Adobe客户团队(您的客户经理)。
  • 您必须拥有​_访问电子邮件模板_​以及​_编辑/生成电子邮件模板_​权限,这些权限已在您的Marketo角色中启用🔗

转换图像 convert-an-image

要将图像转换为完全可自定义的HTML电子邮件模板,请执行以下步骤。

NOTE
为了获得最佳效果,请使用具有清晰可视元素和可读文本的高质量图像。 图像最好在600-800像素宽之间,以匹配标准的电子邮件尺寸。
  1. 在​ 设计工作室 ​中,单击​电子邮件模板,然后单击​电子邮件模板(新)

  2. 单击 Convert image to template

  3. 输入​ 模板名称 ​和可选描述。 此外,您还可以选择品牌样式。 上传或拖放所需的图像。

  4. 向下滚动并选择​ 上载文件不包含…… ​复选框。 单击​转换

    note note
    NOTE
    根据图像设计的复杂性和大小,生成过程最长可能需要五分钟。 AI处理在后台进行,因此您可以在转换过程中离开此屏幕处理其他任务。 您可能需要刷新​_电子邮件模板_​库屏幕才能看到状态更改。
  5. 转换完成后,模板将自动另存为草稿。 单击其名称以查看/编辑。

  6. 转换后的模板即会在Email Designer中打开,并带有完整的编辑功能。 您现在可以:

    • 编辑文本内容并应用个性化
    • 修改图像并添加链接
    • 调整颜色、字体和样式
    • 添加、删除或重新排列内容组件
    • 与任何其他模板一样,利用Email Designer的所有功能

    {width="800" modal="regular"}

  7. 您可以进行任何所需的调整以优化模板并匹配您的品牌指南。

  8. 对模板满意后,单击​Save & close,然后单击​发布

您的模板现在位于​ 电子邮件模板 ​库中,可在创建电子邮件时使用。

常见使用案例 use-cases

图像到HTML转换器非常适用于:

  • 平台迁移:是否从其他电子邮件营销平台迁移? 无需从头重新构建,即可将现有电子邮件设计转换为可用于Marketo Engage的HTML模板
  • 设计模型转换:将设计模型从Photoshop、Figma或其他设计软件等工具转换为功能性的电子邮件模板
  • 快速模板创建:无需等待开发人员资源,即可快速生成时间敏感型营销活动的电子邮件模板
  • 构建模板库:创建非技术团队成员可以自定义和部署的品牌一致模板的综合库

最佳实践 best-practices

开始之前

  • 保存现有内容:将图像转换为HTML将替换您的电子邮件中的所有现有内容。 在使用此功能之前,请始终保存您当前所做的工作。
  • 规划工作流:在电子邮件创建过程开始时使用图像到HTML转换器,或确保准备好替换所有当前内容。

映像准备

  • 分辨率:使用高分辨率图像以便更好地识别文本和检测元素。
  • 清晰度:确保文本清晰易读,并且可视元素定义良好。
  • 宽度:以标准电子邮件宽度(600-800像素)设计图像,以符合典型的电子邮件客户端要求。
  • 文件格式:使用JPEG或PNG格式 — 避免压缩图像或低质量的图像。
  • 完成设计:将完整的电子邮件设计包括在单个图像中(从页眉到页脚)。

设计注意事项

  • 简单布局:简单、结构良好的布局转换比高度复杂的设计更准确。
  • 标准元素:使用常见的电子邮件设计模式(页眉、正文部分、CTA、页脚)。
  • 文本清晰度:确保文本和背景之间有足够的对比度。
  • Web安全字体:使用常见Web安全字体设计将具有更好的保真度。
  • 避免元素重叠:将设计元素明确分开,以便更好地识别结构。

转换后​

  • 查看草稿:转换完成后,模板将自动另存为草稿。 请花些时间仔细审查生成的HTML的准确性。
  • 彻底测试:跨不同的电子邮件客户端和设备测试电子邮件。 为了获得更快的结果,请利用Litmus集成
  • 手动优化:使用Email Designer的完整编辑功能根据需要进行调整。
  • 品牌一致性:验证颜色、字体和样式是否符合您的品牌准则。
  • Personalization:根据需要添加动态内容和个性化令牌。
  • 辅助功能:如果需要,请查看并增强辅助功能。

限制和注意事项 limitations

在使用图像到HTML转换器时,请注意以下限制。

  • AI解释:AI根据图像的视觉解释生成HTML。 复杂或不寻常的设计在转换后可能需要手动调整。

  • 文本准确性:当AI尝试准确识别和重现文本时,请始终验证文本内容并根据需要进行更正。

  • 动态内容:转换过程基于您的图像创建静态HTML。 转化后,您需要手动添加个性化、动态内容和跟踪。

  • 复杂布局:具有复杂分层、异常形状或非标准元素的高度复杂设计可能无法完美转换。 较简单的设计通常会产生更好的结果。

  • 处理时间:转换过程可能最多需要5分钟,具体取决于图像的复杂性和大小。 AI处理在后台进行,使您能够在不打开屏幕的情况下处理其他任务。 转换完成后,模板会自动另存为草稿。

NOTE
图像到HTML的转换器旨在为创建电子邮件提供一个强有力的起点。 应使用电子邮件Designer来审核和优化生成的HTML,以确保它符合您的要求。

常见问题解答 faq

使用图像到HTML转换器时,我现有的电子邮件内容会发生什么情况?
上传要进行转换的图像时,电子邮件中的所有现有内容都将被删除并替换为新生成的模板。 使用此功能之前,请确保保存所有重要内容。 最好在电子邮件创建过程的开始时使用图像到HTML的转换器。
支持哪些文件格式?
图像到HTML转换器支持JPEG (.jpg、.jpeg)和PNG (.png)图像格式。
转换过程需要多长时间?
转换过程最长可能需要五分钟,具体取决于图像设计的复杂性和大小。 AI处理在后台进行,因此您可以导航到别处并执行其他任务;无需保持屏幕打开。 转换完成后,您的文件将自动保存为草稿,供您查看和编辑。
我可以编辑生成的模板吗?
是!此时将在Email Designer中打开生成的HTML模板,该模板具有完全编辑功能。 您可以修改模板的所有方面,包括文本、图像、样式、布局和结构。
如果转换与我的设计不完全匹配,会发生什么情况?
AI会尽最大努力准确地解释您的设计,但可能需要手动进行一些细化。 使用电子邮件Designer可调整任何需要微调的元素。
我能否将此功能用于登陆页面或其他内容类型?
图像到HTML转换器当前专门针对电子邮件模板而设计。 对于其他内容类型,请使用电子邮件Designer中提供的标准设计和导入选项。
我是否可以在多个电子邮件营销活动中重复使用转换后的模板?
是!使用图像到HTML转换器创建的模板会自动保存到您的​ 电子邮件模板 ​库。 您可以在未来任何电子邮件中访问和重复使用它们。
recommendation-more-help
94ec3174-1d6c-4f51-822d-5424bedeecac