---
title: 如何新增图片？
description: 新增图片到邮件前，您必须先上传到图库。系统提供两种方式新增图片到图库，透过图库或…
url: "https://www.benchmarkedm.cn/docs/how-to-add-images/"
updated: "2025-05-22"
category: 图库
---

# 如何新增图片？

新增图片到邮件前，您必须先上传到图库。系统提供两种方式新增图片到图库，透过图库或在拖曳式编辑器中的图片区块上传。想了解我们支援的图片类型，[点击此处](https://kb.benchmarkemail.com/cn/what-are-the-supported-image-formats/)。

- [图库](https://kb.benchmarkemail.com/cn/how-to-add-images/#image-gallery)
- [单图区块](https://kb.benchmarkemail.com/cn/how-to-add-images/#image-block)
- [图组区块 ](https://kb.benchmarkemail.com/cn/how-to-add-images/#image-group)
- [图卡区块](https://kb.benchmarkemail.com/cn/how-to-add-images/#image-card)
- [图文区块 ](https://kb.benchmarkemail.com/cn/how-to-add-images/#image-caption)
- [如何获取图片 URL ](https://kb.benchmarkemail.com/cn/how-to-add-images/#how-to-get-an-image-url)
- [在哪里新增图片 URL](https://kb.benchmarkemail.com/cn/how-to-add-images/#where-to-get-the-image-url)
- [删除图片](https://kb.benchmarkemail.com/cn/how-to-add-images/#deleting-images)
- [建议](https://kb.benchmarkemail.com/cn/how-to-add-images/#suggestions)
- [图片资源](https://kb.benchmarkemail.com/cn/how-to-add-images/#stock-photos)

 上传图片至您的账户，代表您同意有权使用和复制图片，且图片不得含有禁止内容。

 

######

 

---

#####

##### **图库**

 

图库是 Benchmark Email 提供给用户的一个图片储存空间。所有账户均享有 10MB 的免费图库空间。但是，如果您需要更多空间，必须升级为「精英图库」方案，每月仅需 ¥35（未稅价）。试用账户每月只需 $5 美元且不需要升级为付费方案，就可以升级为无限容量的精英图库。了解如何升级精英图库，[点击此处。](https://kb.benchmarkemail.com/cn/how-do-i-increase-my-image-storage-space/)

1. 登入您的 [Benchmark 账户](https://ui.benchmarkemail.com/cn/Login)。
2. 点击右上角的用户名称，然后选择**「图库」**选项。如果您想要透过**「浏览档案」**选项从电脑中上传图片，点击图库中的**「浏览档案」**。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/Image-gallery.png?resize=1552%2C728&ssl=1)

1. 点击**「新增档案」**选项并将图片拖至此处，或浏览档案。

您的图片会上传到图库，然后您就可以使用单图区块在邮件内新增图片。

######

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2011/10/iconimage-blocks.png?resize=112%2C126&ssl=1)

##### **单图区快**

透过图片区块新增图片到邮件可能是最便捷的方式。建立邮件的时候，您可以透过拖曳图片来上传或从图库中选择图片。按照以下步骤，您可以了解在拖曳式编辑器中，如何透过单图区块新增图片。

1. 点击**「单图区块」**，并拖至邮件排版区域。
2. 接着，直接将图片拖至区块内，或点击**「汇入文档」**，然后从图库选择图片。
3. 点击**「保存及关闭」**。
4. 点击图片并使用左侧面板的选项即可编辑图片。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2019/12/insert-image.gif?resize=792%2C536&ssl=1)

 

**您可以用这个区块做什么**

没有背景颜色的图片可以使用与其他区块背景相同的颜色。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-block-sample-1.png?resize=502%2C446&ssl=1)

或者将图片背景颜色应用到其他区块，设计出绝佳的邮件。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-block-sample-2.png?resize=300%2C190&ssl=1)

---

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

######

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2009/02/iconimage-groups.png?resize=112%2C126&ssl=1)

##### **图组区块**

多图区块可以新增多张图片，并设计不同的排版。

1. 点击**「图组区块」**，并拖至右边的邮件排版区域。
2. 接着，直接将图片拖至此处，或点击**「汇入文档」**，从图库选择图片。如果您想要透过**「浏览档案」**选项从电脑中上传图片，点击图库中的**「浏览档案」**。
3. 系统默认新增两个图片区块到邮件排版区域。在这区块您可以：
   1. 点击「加号」按钮**新增更多图片到此区块**。
   2. 您也可以更改新增图片区块的**排版**为垂直或水平方向。
   3.  最后，更改图片间的**间距宽度**。
4. 点击**「保存及关闭」**。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/adding-group-image.gif?resize=1022%2C720&ssl=1)

 

**您可以用这个区块做什么**

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-group-sample-1.png?resize=713%2C610&ssl=1)

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-group-sample-2.png?resize=318%2C392&ssl=1)

---

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

######

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2011/10/iconimage-cards.png?resize=112%2C126&ssl=1)

##### **图卡区块**

使用图卡区块可以在同一个框内新增图片和文字。

**新增图卡区块步骤：**

1. 点击**「图卡区块」**，然后拖至右边的邮件排版页面。
2. 接着，直接将图片拖至此处，或**「汇入文档」**，从图库选择图片。如果您想要透过**「浏览档案」**选项从电脑中上传图片，点击图库中的**「浏览档案」**。
3. 系统默认新增两个区块到邮件排版区域。在这区块您可以：
   1. ○ 新增文字并设定文本框位置。*为了显示效果更佳，尽可能将文字保持简短或根据图片尺寸调整文字长度。*
   2. ○ 勾选「边缘对齐」，使图片边缘对齐。
   3. ○ 设定间距，背景颜色以及边框线。
4. 点击**「保存及关闭」**。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-card.gif?resize=840%2C570&ssl=1)

 

**您可以用这个区块做什么**

图卡区块非常适用于销售。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-card-block-sample1.png?resize=597%2C374&ssl=1)

您也可以用于发布博客文章。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-card-block-sample2.png?resize=623%2C608&ssl=1)

或者给收件人条列选项。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-card-block-sample4.png?resize=693%2C695&ssl=1)

---

######

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

 

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/iconcaption-blocks.png?resize=347%2C124&ssl=1)

##### **图文区块**

 

新增图文区块步骤：

1. 点击需要的图文区块（**右栏文字**、**左栏文字**或**底端文字**），并拖至邮件排版区域。
2. 接着，直接将图片拖至此处，或**「汇入文档」**，从图库选择图片。如果您想要透过**「浏览档案」**选项从电脑中上传图片，点击图库中的**「浏览档案」**。
3. 系统默认新增两个区块到邮件排版区域。在此区块您可以：
   1. 在「内容」标签底下：
      1. 添加文字，并选择文本框位置。*为了显示效果更佳，尽可能将文字保持简短或根据图片尺寸调整文字长度。*
      2. 最多可以新增 3 张图片到此区块。
      3. 透过对齐选项设定图片对齐方式。
      4. 设定文字行距。
   2. 在「设置」标签底下：设定间距以及背景颜色。
4. 点击**「保存及关闭」**。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/image-right-text.gif?resize=1022%2C720&ssl=1)

 

**您可以用这个区块做什么**

「底端文字区块」搭配 3 张图片。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/3-images-sample.png?resize=594%2C388&ssl=1)

「底端文字区块」搭配 1 张图片，然后把「社群追踪区块」放在底部，两个区块使用同一组背景颜色。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/Bottom-text-sample.png?resize=595%2C288&ssl=1)

设定文字在右以及文字在左。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/left-and-right-sample.png?resize=594%2C616&ssl=1)

---

您可以替换、编辑或新增图片链接，只需要点击图片，编辑区块会显示在左边。您可以看到其他选项，像是[对齐图片](https://kb.benchmarkemail.com/cn/how-do-i-remove-the-alignment-of-an-image/)，新增背景颜色，或设定间距。

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

######

##### **如何取得图片 URL**

##### **Firefox 浏览器：**

1. 打开浏览器，进入到您想要使用的照片到 Benchmark Email 所在的页面。
2. 将鼠标移至图片上面，右击鼠标按钮。
3. 选择**「复制图像地址」**或**「查看图像」**。
4. ![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/geturlfirefox-double-click.png?resize=275%2C375&ssl=1)
5. 现在，复制URL。

##### **Internet Explorer & Microsoft Edge 浏览器：**

1. 打开浏览器，进入到您想要新增图片到 Benchmark Email 的页面。
2. 将鼠标移至图片上面，右击鼠标按钮。
3. 在弹出的菜单栏选择**「复制链接」**，您可以选择**「在新标签中打开链接」**或**「在新窗口中打开链接」**，直接从地址栏复制 URL。

1. ![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/geturlexplorer-edge-double-click.png?resize=235%2C360&ssl=1)

##### **Safari 浏览器：**

1. 打开浏览器，进入到您想要新增图片到 Benchmark Email 的页面。
2. 将鼠标移至图片上面，右击鼠标按钮。
3. 在弹出的菜单栏选择**「复制链接」**，您可以选择**「在新标签中打开链接」**或**「在新窗口中打开链接」**，直接从地址栏复制 URL。

1. ![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/geturlSafari-double-click.png?resize=238%2C387&ssl=1)

##### **Chrome 浏览器：**

1. 打开浏览器，进入到您想要新增图片到 Benchmark Email 的页面。
2. 将鼠标移至图片上面，右击鼠标按钮。
3. 在弹出的菜单栏选择**「复制链接地址」**，您可以选择**「在新标签中打开链接」**，直接从地址栏复制 URL。

1. ![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/geturlchrome-double-click.png?resize=245%2C260&ssl=1)

 

######

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

 

##### **在哪里新增图片 URL**

1. 将图片区块拖至您的邮件。
2. 点击「汇入文档」或直接将图片拖至区块内。
3. 在**「插入图片链接」弹出窗口**，贴上复制的图片 URL并点击**「插入」**。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/Img-url-here.png?resize=1470%2C511&ssl=1)

 

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

######

##### **删除图片**

##### **从图库删除**

1. 登入您的 [Benchmark 账户](https://ui.benchmarkemail.com/cn/Login)。
2. 点击右上角的用户名称。
3. 接着，点击「图库」。

现在，您可以一次选择一张图片或多张图片。

**要一次删除一张图片**，点击右下方的省略号按钮（3个点），选择「删除」即可。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/deletin-an-image-since-more-options.gif?resize=960%2C539&ssl=1)

**要删除多张图片**，选择您要删除的图片，然后点击**「删除」**选项。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/deleting-multiple-images.gif?resize=960%2C539&ssl=1)

##### **从拖拉式编辑器中删除图片**

1. 建立一封新邮件或进入一封已建立的邮件。
2. 在编辑邮件步骤，将图片区块拖至邮件，点击**「汇入文档」**，或点击任一图片然后点击**「替换」**选项。
3. 找到您想要删除的图片。
4. 接着，点击省略号按钮，选择**「删除」**。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2019/12/delete-image-1.gif?resize=792%2C536&ssl=1)

如果您只是想要从邮件排版里面删除或移除图片，点击区块右上角的垃圾桶按钮即可删除图片区快。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/trash-can-icon.png?resize=625%2C359&ssl=1)

######

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

#####

##### **建议**

我们建议给图片添加**「Alt文字」**，简单描述您的图片，避免收件人因为封锁或关闭图片显时而看不到图片。

######

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

##### **图片资源**

**需要免费的图片？**

除了内建模板中使用的图片，Benchmark Email 没有提供免费的图片。但是，如果您需要免费的图片，浏览我们的图片资源。当点击图片资源选项时，会在浏览器新标签中打开对应的网站。要使用此选项，点选拖曳式编辑器里面的图片，然后点击**「浏览档案」，**选择**「图片资源」**。您需要下载图片资源，然后将他们上传到 Benchmark 图库。

![](https://i0.wp.com/kb.benchmarkemail.com/wp-content/uploads/2020/09/stock-resources.png?resize=504%2C981&ssl=1)

 

 

[返回页首](https://kb.benchmarkemail.com/cn/how-to-add-images/#top)

 

关于图库或图片的问题，如果您还有问题，请透过[电子邮件](mailto:support@benchmarkemail.com)，[线上客服](https://secure.livechatinc.com/licence/1067033/open_chat.cgi?groups=12)或致电联络我们支援团队。