Benchmark Email 協助中心

知識庫首頁 aero-right 圖庫 aero-right 如何新增圖片?

如何新增圖片?

圖庫 更新日期 21 十月, 2022

新增圖片到郵件前,您必須先上傳圖片到圖庫。新增圖片到圖庫有兩種方法,透過圖庫,或是使用拖曳式編輯器的圖片區塊。

重要

上傳圖片到您的帳戶,代表您同意您有權利使用及複製該圖片,但圖片不得包含被禁止的內容。

建議

  • 需要編輯圖片嗎?點擊此處,了解更多。
  • 想了解更多關於我們支援的圖片格式,點擊此處
  • Benchmark 仍然提供所有試用帳戶 1GB 的免費圖庫空間。付費帳戶則提供無限儲存空間,不用額外付費。

單圖區塊

透過單圖區塊新增圖片到郵件可能是最方便的作法。編輯郵件時,您可以拖曳圖片來上傳圖片,或是從圖庫中選擇圖片。透過下列步驟,您可以了解如何在拖曳式編輯器使用單圖區塊新增圖片。

  1. 點擊「單圖區塊」,拖曳到右邊郵件排版區域。
  2. 接著,直接拖曳圖片到區塊,或是點擊「匯入檔案」,然後從圖庫中選擇圖片。如果您要從電腦上傳圖片,點擊「新增檔案」,然後點擊「瀏覽檔案」尋找圖檔。
  1. 現在,「單圖區塊」選項會顯示在左側。
  2. 您可以移動綠色原點,設定水平及垂直間距。
  1. 使用對齊選項對齊圖片。如果圖片佔據所有空間,您不會察覺更改對齊方式有什麼差別。
  1. 完成後點擊「儲存及關閉」

您可以用這個區塊做什麼

返回頁首 ↑


多圖區塊

您可以在此區塊新增多張圖片並選擇不同的排列組合。

  1. 點擊「多圖區塊」並拖曳到右邊郵件排版區域。
  2. 接著,直接拖曳圖片到區塊,或點擊「匯入檔案」,從圖庫中選擇圖片。如果您要從電腦上傳圖片,點擊「新增檔案」,然後點擊「瀏覽檔案」尋找圖檔。
  1. 系統預設放入兩張圖片區塊到郵件排版區塊。在此區塊您可以:a. 點擊加號新增更多圖片到此區塊。b. 此外,您可以新增圖片區塊的版型為垂直或水平方向。c. 最後,更改圖片之間的間距寬度
  1. 要設定對齊選項,點擊區塊內的圖片,您會看到對齊選項。點擊圖片,您會看到「編輯」選項,用來調整圖片尺寸、新增文字或相框到您的圖片。
  1. 點擊「儲存並關閉」。

您可以用這個區塊做什麼

返回頁首 ↑


圖卡區塊

您可以在此區塊新增圖片和文字到同一個方框。

新增圖卡區塊步驟:

  1. 點擊「圖卡區塊」並拖曳到右邊郵件排版區域。
  2. 接著,直接拖曳圖片到區塊,或點擊「匯入檔案」,從圖庫中選擇圖片。如果您要從電腦上傳圖片,點擊「新增檔案」,然後點擊「瀏覽檔案」尋找圖檔。
  1. 系統預設放入兩個區塊到您的郵件版型。在此區塊您可以:
  • 新增文字並選擇文字方塊位置。為了最佳顯示效果,請保持文字簡潔,或根據圖片尺寸調整文字長度。
  • 更改背景及框線顏色。
  • 設定整個「圖卡區塊」的水平跟垂直間距。
  • 設定文字位置。
  • 依據文字位置,您可以設定圖片對齊方式及圖片區域。
  • 點擊「對齊邊界」讓圖片靠齊邊界。
  • 調整文字的行距。
  1. 點擊圖片,新增「Alt 文字」或使用圖片編輯器。
  2. 點擊「儲存及關閉」

您可以用這個區塊做什麼

返回頁首 ↑


圖文區塊

新增圖卡區塊步驟:

  1. 點擊您需要的圖文區塊右欄文字左欄文字底端文字)並拖曳到右邊郵件排版區域。
  2. 接著,直接拖曳圖片到區塊,或點擊「匯入檔案」,從圖庫中選擇圖片。如果您要從電腦上傳圖片,點擊「新增檔案」,然後點擊「瀏覽檔案」尋找圖檔。
  3. 系統預設放入兩個區塊到您的郵件版型。在此區塊您可以:                                                                          
    1. 在「內容」標籤底下:                                    
      1. 新增文字以及文字方塊位置。為了最佳顯示效果,請保持文字簡潔,或根據圖片尺寸調整文字長度。
      2. 最多可以新增 3 個圖片到此區塊。
      3. 您可以根據文字位置,設定圖片對齊選項及圖片區域。
      4. 設定文字行距。
    2. 在「設置」標籤底下:設定間距及背景顏色。
  4. 點擊「儲存及關閉」

您可以用這個區塊做什麼

只要點擊圖片,左邊會顯示編輯區塊,您可以在此替換、編輯或新增連結到圖片。您會看到其他選項,像是對齊圖片、新增背景顏色、調整水平或垂直間距。

返回頁首 ↑


如何取得圖片 URL

Firefox 瀏覽器:
Internet Explorer & Microsoft Edge 瀏覽器:
Safari 瀏覽器:
Chrome 瀏覽器:

返回頁首 ↑


哪裡可以新增 URL

  1. 拖曳圖片區塊到您的郵件。
  2. 點擊「匯入檔案」或直接拖曳圖片到區塊。
  3. 「插入圖片連結」彈出視窗,貼上最近複製的圖片 URL,然後點擊「插入」。

返回頁首 ↑


刪除圖片

從圖庫刪除
  1. 登入您的 Benchmark 帳戶
  2. 點擊右上角的帳戶名稱。
  3. 接著,點擊「圖庫」

現在,您可以選擇單一或多張圖片。

要一次刪除一張圖片,點擊圖片右下方底部的刪節號,然後選擇「刪除」。

要刪除多張圖片,勾選您要刪除的圖片,然後點擊上方工具列的「刪除」選項。

在拖曳式編輯器刪除圖片
  1. 建立新郵件或進入現有郵件。
  2. 進到編輯郵件步驟,拖曳圖片區塊到您的郵件,然後點擊「匯入檔案」,或點擊任何一張圖片,然後點擊左側面板的「替換」選項。
  3. 找到您要刪除的圖片。
  4. 然後,點擊圖片右下方底部的刪節號,選擇「刪除」

如果您只是要刪除或移除郵件裡的圖片,點擊圖片區塊右上方的「垃圾桶」按鈕即可刪除圖片區塊。

返回頁首 ↑


Alt 文字

又稱替代文字,用來簡單描述圖片,適合收件人因為封鎖或關閉圖片顯示而看不到圖片。

我們建議所有圖片都使用 Alt 文字。 

替代文字對於視力受損並使用螢幕閱讀器的收件人非常實用。

您可以在郵件設計內加入 Alt 文字到任何圖片區塊。建議您在新增圖片時加入 Alt 文字,或之後加入也可以。

要新增 Alt 文字,請依照下列步驟操作:

  1. 點擊區塊,接著點擊您要新增 Alt 文字的圖片。
  2. 然後在 Alt 文字處新增圖片描述。

注意

  • 使用 Alt 文字可以讓 Google 了解您的圖片內容,意味較好的排名。
  • 好的 Alt 文字
  • 請使用明確的關鍵字作為 Alt 文字。想一下使用者會輸入什麼文字尋找您的圖片。
  • 替代文字不要超過 125 個字元,包括空白

返回頁首 ↑


圖片資源

需要免費圖片嗎?

除了範本內的圖片素材,Benchmark Email 沒有額外提供免費圖片。但是,如果您需要免費資源,請瀏覽我們提供的圖片資源。要瀏覽圖片選項,在拖曳式編輯器開啟圖片,然後選擇「圖片資源」。選擇列出來的其中一個項目會開啟新的瀏覽視窗。接著,您需要下載或儲存圖片,然後上傳到您的 Benchmark 圖庫。

返回頁首 ↑


如果您還有其他問題,請隨時聯絡我們的支援團隊。