将图像转换为HTML模板 image-to-html
概述 overview
通过将静态图像转换为完全可自定义的模块化HTML电子邮件内容模板,图像到HTML转换器可显着加快电子邮件的创建速度。 通过这个无代码工具,可以将图形设计器或设计工具中的可视设计转换为可反复使用的响应式、可编辑的电子邮件模板。
利用创作AI技术,图像到HTML转换器可分析图像中的布局、排版规则、颜色和可视化元素,并生成干净的模块化HTML代码,该代码可保持设计保真度,同时确保完全可编辑性并与Email Designer兼容。
- 您必须首先同意核心Gen-AI条款和补充条款,才能在Email Designer中使用Gen-AI功能。 有关详细信息,请联系Adobe客户团队(您的客户经理)。
- 您必须拥有_访问电子邮件模板_以及_编辑/生成电子邮件模板_权限,这些权限已在您的Marketo角色中启用🔗。
转换图像 convert-an-image
要将图像转换为完全可自定义的HTML电子邮件模板,请执行以下步骤。
-
在 设计工作室 中,单击电子邮件模板,然后单击电子邮件模板(新)。
-
单击 Convert image to template。
-
输入 模板名称 和可选描述。 此外,您还可以选择品牌样式。 上传或拖放所需的图像。
-
向下滚动并选择 上载文件不包含…… 复选框。 单击转换。
note note NOTE 根据图像设计的复杂性和大小,生成过程最长可能需要五分钟。 AI处理在后台进行,因此您可以在转换过程中离开此屏幕处理其他任务。 您可能需要刷新_电子邮件模板_库屏幕才能看到状态更改。 -
转换完成后,模板将自动另存为草稿。 单击其名称以查看/编辑。
-
转换后的模板即会在Email Designer中打开,并带有完整的编辑功能。 您现在可以:
- 编辑文本内容并应用个性化
- 修改图像并添加链接
- 调整颜色、字体和样式
- 添加、删除或重新排列内容组件
- 与任何其他模板一样,利用Email Designer的所有功能
{width="800" modal="regular"}
-
您可以进行任何所需的调整以优化模板并匹配您的品牌指南。
-
对模板满意后,单击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处理在后台进行,使您能够在不打开屏幕的情况下处理其他任务。 转换完成后,模板会自动另存为草稿。