你将会学到 #
了解如何在注册表单的左侧或右侧添加高质量图像，以获得与您的品牌设计相匹配的引人注目的注册体验。 !带有左侧图像的示例表单。
开始之前 #
侧面图像显示在表单内容的左侧或右侧。在表单中使用图像时，需要记住以下几点：
- 有多种图像格式可供选择。 JPEG 可以很好地平衡彩色图像的质量和大小，而 PNG 可以保持透明图像或徽标看起来清晰。 – 请务必使用相当高质量的图像以获得最佳效果。 – 尝试将全角图像的宽度保持在 600 到 1000 像素之间，高度保持在 2000 像素以下，以平衡质量和加载时间。小于全角的图像可以小于 600px
- 与在网络上查看的所有图像一样，较大的文件大小会导致加载时间较慢。 – 侧面图像的文件大小应为 50-100 KB，背景图像的文件大小应小于 200 KB，以确保您的图像看起来高质量，而不会降低网站速度。 – 将替代文本添加到您的图像中，以便所有网站访问者都可以访问您的表单。由于注册表单是在浏览器上呈现的（与在 ESP 上呈现的电子邮件不同），因此有关如何格式化和调整它们的建议较少。浏览器可以渲染所有类型和大小的图像，因此一般来说，坚持使用高分辨率图像、可管理的文件大小，并测试每种类型设备上的外观。 ## 在表单中添加侧面图像
要在注册表单内容的两侧添加图像：
- 导航至*注册表单选项卡。 2. 在表单旁边，单击 3 个点 > 编辑表单。如果您的表单是在 2021 年 7 月之前创建的，并且使用右对齐或左对齐的背景图像作为侧面图像，请在使用侧面图像功能之前将其删除。为此，请导航至样式部分的表单背景部分并删除背景图像。然后向下滚动到表单样式并删除右侧或左侧的任何多余填充。 3. 在 样式 部分中，导航至侧面图像* 部分，然后选择要添加图像的一侧（左侧或右侧）。 !样式选项卡的侧面图像部分显示了设置为在右侧显示的示例表单的侧面图像。
- 单击表单预览中的空图像占位符。 5. 单击 *浏览图像库* 从 Klaviyo 图像库添加图像、上传图像或从 URL 导入新图像。 !单击空图像占位符时显示的“上传图像”菜单，您可以在其中单击“浏览图像库”。
确保使用相当高质量的图像以获得最佳效果。与在网络上查看的所有图像一样，文件大小越大，加载时间越慢。侧面图像的文件大小为 50-100 KB，以确保您的图像看起来高质量，而不会减慢您的网站速度。 ## 侧面图像显示选项
表单样式 #
默认情况下，带有侧面图像的表单宽度设置为 780 像素，侧面图像宽度设置为 Medium。您可以使用 宽度 和 最小高度 部分来调整表单的大小。如果您希望侧面图像在表单中占据更多或更少的空间，请在 侧面图像 部分中调整大小（例如，小、中、大、自定义）。默认情况下，您表单的侧面图像将在移动设备上隐藏，以优化移动体验，因为移动设备上的屏幕空间有限。如果您希望侧面图像显示在所有设备上，请单击预览中的图像，然后滚动到 显示于 并选择*所有设备*。 !“样式”选项卡的“显示”部分，其中选择在所有设备上显示示例表单的侧面图像。
侧面图像样式 #
使用 侧面图像 设置的 样式 部分来选择图像的显示方式。 !侧图像设置的样式部分，您可以在其中添加替代文本、设置图像位置、选择对齐方式以及设置背景颜色。
- 替代文本
- *收容*
将替代文本添加到您的图片中，以便访问您网站的每个人都可以访问它。 – 图像位置 这决定了图像如何适合侧面图像区域。 从以下选项中选择：
完整图像将出现在该部分内，并且根本不会被裁剪。如果图像不能精确地融入图像区域，则该部分的背景颜色将填充任何未覆盖的区域。 – *封面 图像将完全填充侧面图像区域。图像的某些部分可能会被剪掉，以使图像填充空间。 – 定制 选择您自己的图像宽度。 – 水平对齐和垂直对齐 这些允许您选择图像是居中还是与图像区域的顶部、底部、左侧或右侧对齐。 – 背景颜色* 如果您在表单中使用较小的图像，请设置背景颜色以填充其后面的空白区域。
