编辑CTA的大小（旧版）

请注意：2025年3月17日之后创建的账户无法使用CTA（旧版）工具。

您可以使用内置的尺寸选项和自定义 CSS 来调整 CTA（旧版）的大小。上传图片用于图片型 CTA 时，建议考虑视网膜屏优化。

若要进一步自定义您的CTA，请了解如何使用CSS为CTA（旧版）添加自定义样式。如果您要将CTA添加到电子邮件或模板中，请了解如何将CTA（旧版）居中显示。

编辑您的 CTA（旧版）尺寸

1. 在你的 HubSpot 帐户中，单击更多，然后导航到营销 > CTA。如果你的帐户中未显示更多，请直接导航到营销 > CTA。
2. 在左上角，点击 下拉菜单并 选择“CTA（旧版）”。
3. 将鼠标悬停在某个CTA上，然后点击“操作 ”> “编辑”。
4. 在弹出面板中，点击“高级选项”。
   
   

5. 若要手动调整自定义CTA的大小：
   • 取消选中“适应文本”复选框。这将取消自动调整大小的设置。
   • 在“按钮内边距”部分，在“按钮宽度”和“按钮高度”字段中输入您设定的尺寸值。
   • 点击“下一步 >”。
   • 点击 “保存”。然后，点击 “完成”。
6. 若要让自定义CTA占据其容器或模块的整个宽度：
   • 取消选中“自动设置大小”复选框 。
   • 在“自定义 CSS”字段中，输入您的自定义 CSS。
   • 将宽度设置为width: 100%;
   • 点击“下一步 >”。
   • 点击 “保存”。然后，点击 “完成”。

什么是视网膜优化？

如果收件人使用现代版本的 Apple Mail 或 iOS 邮件查看您的网站页面或电子邮件中的 CTA，视网膜优化可使 CTA 图片显示得更加清晰；Outlook 或 Gmail 等网络邮件服务不支持此功能。

当您上传的图片尺寸至少是CTA所需尺寸的两倍时，系统将支持视网膜优化，这与互联网上所有图片的视网膜支持原理相同。另请注意以下事项：

• 如果您要创建一个 400px × 100px 的 CTA，则需要上传 800px × 200px 的图片，以支持 @2x 像素密度的显示。
• CTA 支持添加最高 4x 版本的图片。例如，如果您要创建一个 400px × 100px 的 CTA，则可以上传一张 1600px × 400px 的图片。
• CTA 将在您的网站上自动渲染，并通过 srcset 属性提供 1x、2x、3x 和 4x 版本（如有可用）。
• 如果上传的图片尺寸与CTA的渲染尺寸完全一致，则不支持视网膜显示。例如，如果为一个400px × 100px的CTA上传了一张400px × 100px的图片