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

  1. 開啟瀏覽器,打開您要新增圖片到 Benchmark Email 的頁面。
  2. 移動滑鼠到圖片上方,點擊滑鼠右鍵。
  3. 選擇「複製圖片網址」「檢視圖片」
  1. 現在,複製 URL。
  1. 開啟瀏覽器,打開您要新增圖片到 Benchmark Email 的頁面。
  2. 移動滑鼠到圖片上方,點擊滑鼠右鍵。
  3. 在彈出選單中選擇「複製連結」,或是選擇「在新分頁中開啟圖片」,直接複製連結。
  1. 開啟瀏覽器,打開您要新增圖片到 Benchmark Email 的頁面。
  2. 移動滑鼠到圖片上方,點擊滑鼠右鍵。
  3. 在彈出選單中選擇「 拷貝影像網址 」「以新標籤頁打開影像」「以新視窗打開影像」
  1. 開啟瀏覽器,打開您要新增圖片到 Benchmark Email 的頁面。
  2. 移動滑鼠到圖片上方,點擊滑鼠右鍵。
  3. 在彈出選單中選擇「複製圖片位址」,或是選擇「在新分頁中開啟圖片」,直接複製連結。

返回頁首 ↑


哪裡可以新增 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 圖庫。

返回頁首 ↑


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