如何新增圖片？
圖庫
更新日期 11 七月, 2024
新增圖片到郵件前，您必須先上傳圖片到圖庫。新增圖片到圖庫有兩種方法，透過圖庫，或是使用拖曳式編輯器的圖片區塊。
重要
上傳圖片到您的帳戶，代表您同意您有權利使用及複製該圖片，但圖片不得包含被禁止的內容。
建議
- 需要編輯圖片嗎？點擊此處，了解更多。
- 想了解更多關於我們支援的圖片格式，點擊此處。
- Benchmark 仍然提供所有試用帳戶 1GB 的免費圖庫空間。付費帳戶則提供無限儲存空間，不用額外付費。
單圖區塊
透過單圖區塊新增圖片到郵件可能是最方便的作法。編輯郵件時，您可以拖曳圖片來上傳圖片，或是從圖庫中選擇圖片。透過下列步驟，您可以了解如何在拖曳式編輯器使用單圖區塊新增圖片。
- 點擊「單圖區塊」，拖曳到右邊郵件排版區域。
- 接著，直接拖曳圖片到區塊，或是點擊「匯入檔案」，然後從圖庫中選擇圖片。如果您要從電腦上傳圖片，點擊「新增檔案」，然後點擊「瀏覽檔案」尋找圖檔。
- 現在，「單圖區塊」選項會顯示在左側。
- 您可以移動綠色原點，設定水平及垂直間距。
- 使用對齊選項對齊圖片。如果圖片佔據所有空間，您不會察覺更改對齊方式有什麼差別。
- 完成後點擊「儲存及關閉」。
您可以用這個區塊做什麼
或是將圖片背景顏色應用到其他區塊，設計精美郵件。
沒有背景顏色的圖片可以使用與其他區塊相同的背景顏色。
返回頁首 ↑
多圖區塊
您可以在此區塊新增多張圖片並選擇不同的排列組合。
- 點擊「多圖區塊」並拖曳到右邊郵件排版區域。
- 接著，直接拖曳圖片到區塊，或點擊「匯入檔案」，從圖庫中選擇圖片。如果您要從電腦上傳圖片，點擊「新增檔案」，然後點擊「瀏覽檔案」尋找圖檔。
- 系統預設放入兩張圖片區塊到郵件排版區塊。在此區塊您可以：a. 點擊加號新增更多圖片到此區塊。b. 此外，您可以新增圖片區塊的版型為垂直或水平方向。c. 最後，更改圖片之間的間距寬度。
- 要設定對齊選項，點擊區塊內的圖片，您會看到對齊選項。點擊圖片，您會看到「編輯」選項，用來調整圖片尺寸、新增文字或相框到您的圖片。
- 點擊「儲存並關閉」。
您可以用這個區塊做什麼
返回頁首 ↑
圖卡區塊
您可以在此區塊新增圖片和文字到同一個方框。
新增圖卡區塊步驟：
- 點擊「圖卡區塊」並拖曳到右邊郵件排版區域。
- 接著，直接拖曳圖片到區塊，或點擊「匯入檔案」，從圖庫中選擇圖片。如果您要從電腦上傳圖片，點擊「新增檔案」，然後點擊「瀏覽檔案」尋找圖檔。
- 系統預設放入兩個區塊到您的郵件版型。在此區塊您可以：
- 新增文字並選擇文字方塊位置。為了最佳顯示效果，請保持文字簡潔，或根據圖片尺寸調整文字長度。
- 更改背景及框線顏色。
- 設定整個「圖卡區塊」的水平跟垂直間距。
- 設定文字位置。
- 依據文字位置，您可以設定圖片對齊方式及圖片區域。
- 點擊「對齊邊界」讓圖片靠齊邊界。
- 調整文字的行距。
- 點擊圖片，新增「Alt 文字」或使用圖片編輯器。
- 點擊「儲存及關閉」。
您可以用這個區塊做什麼
圖卡區塊非常適合用在銷售用途。
此外，您也可以用在發布部落格文章。
或是提供您的收件人條列選項。
返回頁首 ↑
圖文區塊
新增圖卡區塊步驟：
- 點擊您需要的圖文區塊（右欄文字、左欄文字或底端文字）並拖曳到右邊郵件排版區域。
- 接著，直接拖曳圖片到區塊，或點擊「匯入檔案」，從圖庫中選擇圖片。如果您要從電腦上傳圖片，點擊「新增檔案」，然後點擊「瀏覽檔案」尋找圖檔。
- 系統預設放入兩個區塊到您的郵件版型。在此區塊您可以：
- 在「內容」標籤底下：
- 新增文字以及文字方塊位置。為了最佳顯示效果，請保持文字簡潔，或根據圖片尺寸調整文字長度。
- 最多可以新增 3 個圖片到此區塊。
- 您可以根據文字位置，設定圖片對齊選項及圖片區域。
- 設定文字行距。
- 在「設置」標籤底下：設定間距及背景顏色。
- 點擊「儲存及關閉」。
您可以用這個區塊做什麼
「底端文字區塊」搭配 3 張圖片
「底端文字區塊」搭配 1 張圖片，然後把「社群追蹤區塊」放在底部，兩個區塊使用同一組背景顏色。
設定文字在右以及文字在左。
只要點擊圖片，左邊會顯示編輯區塊，您可以在此替換、編輯或新增連結到圖片。您會看到其他選項，像是對齊圖片、新增背景顏色、調整水平或垂直間距。
返回頁首 ↑
如何取得圖片 URL
- 開啟瀏覽器，打開您要新增圖片到 Benchmark Email 的頁面。
- 移動滑鼠到圖片上方，點擊滑鼠右鍵。
- 選擇「複製圖片網址」或「檢視圖片」。
- 現在，複製 URL。
Internet Explorer & Microsoft Edge 瀏覽器：
- 開啟瀏覽器，打開您要新增圖片到 Benchmark Email 的頁面。
- 移動滑鼠到圖片上方，點擊滑鼠右鍵。
- 在彈出選單中選擇「複製連結」，或是選擇「在新分頁中開啟圖片」，直接複製連結。
- 開啟瀏覽器，打開您要新增圖片到 Benchmark Email 的頁面。
- 移動滑鼠到圖片上方，點擊滑鼠右鍵。
- 在彈出選單中選擇「 拷貝影像網址 」、「以新標籤頁打開影像」或「以新視窗打開影像」
- 開啟瀏覽器，打開您要新增圖片到 Benchmark Email 的頁面。
- 移動滑鼠到圖片上方，點擊滑鼠右鍵。
- 在彈出選單中選擇「複製圖片位址」，或是選擇「在新分頁中開啟圖片」，直接複製連結。
返回頁首 ↑
哪裡可以新增 URL
- 拖曳圖片區塊到您的郵件。
- 點擊「匯入檔案」或直接拖曳圖片到區塊。
- 在「插入圖片連結」彈出視窗，貼上最近複製的圖片 URL，然後點擊「插入」。
返回頁首 ↑
刪除圖片
從圖庫刪除
- 登入您的 Benchmark 帳戶。
- 點擊右上角的帳戶名稱。
- 接著，點擊「圖庫」。
現在，您可以選擇單一或多張圖片。
要一次刪除一張圖片，點擊圖片右下方底部的刪節號，然後選擇「刪除」。
要刪除多張圖片，勾選您要刪除的圖片，然後點擊上方工具列的「刪除」選項。
在拖曳式編輯器刪除圖片
- 建立新郵件或進入現有郵件。
- 進到編輯郵件步驟，拖曳圖片區塊到您的郵件，然後點擊「匯入檔案」，或點擊任何一張圖片，然後點擊左側面板的「替換」選項。
- 找到您要刪除的圖片。
- 然後，點擊圖片右下方底部的刪節號，選擇「刪除」。
如果您只是要刪除或移除郵件裡的圖片，點擊圖片區塊右上方的「垃圾桶」按鈕即可刪除圖片區塊。
返回頁首 ↑
Alt 文字
又稱替代文字，用來簡單描述圖片，適合收件人因為封鎖或關閉圖片顯示而看不到圖片。
我們建議所有圖片都使用 Alt 文字。
替代文字對於視力受損並使用螢幕閱讀器的收件人非常實用。
您可以在郵件設計內加入 Alt 文字到任何圖片區塊。建議您在新增圖片時加入 Alt 文字，或之後加入也可以。
要新增 Alt 文字，請依照下列步驟操作：
- 點擊區塊，接著點擊您要新增 Alt 文字的圖片。
- 然後在 Alt 文字處新增圖片描述。
注意
- 使用 Alt 文字可以讓 Google 了解您的圖片內容，意味較好的排名。
- 好的 Alt 文字
- 請使用明確的關鍵字作為 Alt 文字。想一下使用者會輸入什麼文字尋找您的圖片。
- 替代文字不要超過 125 個字元，包括空白
返回頁首 ↑
免版稅圖庫照片
您的郵件或著陸頁需要圖片嗎？我們的免版稅圖庫圖片以及 GIF 整合功能可以滿足您的需求！無須註冊，即可搜尋來自 Pexels 數百萬張的免費圖片以及來自 GIPHY 的 GIF 動畫。
注意
- 從我們的圖庫照片整合下載的圖片和 GIF 動畫，將自動儲存在您的圖庫。
- 圖庫照片和 GIF 整合目前只能在郵件編輯器使用。
- Pexels 和 GIPHY 整合適用所有用戶，您無需建立 Pexels 和 GIPHY 帳戶。
要使用我們的免版稅圖庫照片，請參考下面說明：
- 登入您的 Benchmark 帳戶，打開要編輯的郵件。
- 在郵件編輯器打開圖片區塊，然後點擊匯入檔案。
- 在左側選單選擇其中一個圖庫選項。
- 使用搜尋欄位，新增幾個最能描述所需圖片類型的關鍵字。搜索範圍可大可小。
- 要使用圖片，在圖片處點擊插入。
返回頁首 ↑
如果您還有其他問題，請隨時聯絡我們的支援團隊。
