---
schema_version: "1"
id: e6c5831b63662e0af49cb9889132a11c47404a21434326f8a0b16fd8e40db5b9
title: 將 Web 影像動態新增到工作表
collection: tableau
version: next
locale: zh-tw
portal_url: https://docs.salesforce.com/tableau/next/zh-tw/server-linux/image_role.md
canonical_url: https://help.tableau.com/v0.0/server-linux/zh-tw/image_role.htm
source_site: help.tableau.com
content_type: documentation
content_hash: 3651c1bd6950406b47a1d492080efc0234840d4766ccf86dbc62747dd4a5b4c3
description: Assign an image role to URL fields to add web images dynamically to worksheets.
---
[跳至主要內容](#main-content)

# 將 Web 影像動態新增到工作表

在 Tableau，我們知道影像是分析資料時的強大工具。想像一下，您正在查看鞋子每月銷售額的視覺效果。資料告訴您，您賣的高跟鞋比坡跟鞋多，但您無法想像這兩種鞋其中的差異。這就是影像角色的用武之地。您可以動態地將 Web 影像新增到工作表中，並在標題中使用它們來新增視覺細節。  
  
![具有鞋子影像以及鞋子類型和銷售額的視覺效果](/tableau/next/zh-tw/server-linux/zh-tw/Img/imagerole_1.png)  

## 準備資料來源

影像角色可以指派給包含指向 Web 影像之 URL 的離散維度欄位。要準備資料，請確保影像欄位滿足 Tableau 設定的指派影像角色的要求：

- 確保網址巡覽到 .png、.jpeg、.jpg、.svg、.webp、.jfif、.ico 或 .gif 影像檔。
- 驗證每個 URL 是否以 http 或 https 開頭。若不包括傳輸通訊協定，Tableau 會假定使用 https。
- 最佳化資料集中使用的影像數量。通常，每個欄位最多可以載入 500 個影像。
- 確保每個影像檔小於 200 kb。

**請注意：**如果使用的是 Tableau 23.1 或更早版本，網址必須巡覽到具有 .jpg、.jpeg 或 .png 檔附檔名的影像檔。  
  
在 Tableau 23.2 及更高版本中，支持 .gif 檔，但 .gif **動畫**將僅在具有用戶端渲染的 Tableau Cloud 和 Tableau Server 上顯示。在具有伺服器端渲染的 Tableau Desktop 和 Tableau Server 中，.gif 檔將顯示為靜態影像。  
  
根據視覺效果的複雜性，Tableau 可能會預設使用伺服器端轉譯，這會將影像數量限制為每個欄位 100 個。要瞭解有關複雜性設定和伺服器端轉譯的更多資訊，請參閱[設定用戶端轉譯](https://help.tableau.com/current/server/zh-tw/browser_rendering.htm)。

### 範例資料集：

<table style="mc-table-style: url('Resources/TableStyles/Basic-Border.css');" class="TableStyle-Basic-Border" cellspacing="0"><colgroup><col class="TableStyle-Basic-Border-Column-Column1"><col class="TableStyle-Basic-Border-Column-Column1"><col class="TableStyle-Basic-Border-Column-Column1" style="width: -1788px;"></colgroup><tbody><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">產品名稱</td><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">產品影像 URL</td><td class="TableStyle-Basic-Border-BodyD-Column1-Body1">產品銷售額</td></tr><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">平跟鞋</td><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">https://img.example.com/flats.png</td><td class="TableStyle-Basic-Border-BodyD-Column1-Body1">12,118</td></tr><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">高跟鞋</td><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">https://img.example.com/highheels.png</td><td class="TableStyle-Basic-Border-BodyD-Column1-Body1">15,865</td></tr><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">跑鞋</td><td class="TableStyle-Basic-Border-BodyE-Column1-Body1">https://img.example.com/runningshoes.png</td><td class="TableStyle-Basic-Border-BodyD-Column1-Body1">14,200</td></tr><tr class="TableStyle-Basic-Border-Body-Body1"><td class="TableStyle-Basic-Border-BodyB-Column1-Body1">坡跟鞋</td><td class="TableStyle-Basic-Border-BodyB-Column1-Body1">https://img.example.com/wedges.png</td><td class="TableStyle-Basic-Border-BodyA-Column1-Body1">8,665</td></tr></tbody></table>

## 為 URL 指派影像角色

連線到資料來源後，可以從資料來源頁面或工作表的資料窗格中為 URL 指派影像角色。

### 從資料來源頁面：

1. 尋找具有影像 URL 的欄。
2. 以右鍵按一下（在 Mac 上，按住 Control + 按一下）欄左上角的圖示，然後選取影像角色 > URL。  
    圖示變更為影像圖示，您的影像就可以使用了。  
      
    ![將影像角色指派給 URL 的資料來源選項](/tableau/next/zh-tw/server-linux/zh-tw/Img/imagerole_3.png)

### 從工作表：

1. 開啟新工作表。
2. 尋找具有影像 URL 的離散維度欄位。
3. 以右鍵按一下（在 Mac 上，按住 Control + 按一下）維度欄位，然後選取影像角色 > URL。  
    圖示變更為影像圖示，您的影像就可以使用了。  
      
    ![將影像角色指派給資料的資料窗格選項](/tableau/next/zh-tw/server-linux/zh-tw/Img/imagerole_2.png)

## 將影像新增到視覺效果

從工作表中，將「影像角色」欄位拖曳到「列」或「欄」架上。現在可以在視覺效果上查看影像及其相關資料。  
  
![在資料窗格中建立影像角色。](/tableau/next/zh-tw/server-linux/zh-tw/Img/imagerole_addtoviz2.gif)

## 共用視覺效果

可以匯出具有影像的工作簿並共用。請確保與之共用視覺效果的每個人都可以檢視視覺效果中使用的影像。例如，若使用託管在防火牆後面的內部伺服器上的影像，請確保與之共用視覺效果的每個人都有足夠的權限來存取這些影像。在此範例中，在連線到同一伺服器時檢視視覺效果的使用者在查看影像時應該沒有任何問題。但在 Tableau Cloud 伺服器上將視覺效果匯出為 pdf 的使用者可能無法查看影像。

若您匯出工作簿，並且檢視者嘗試在 Tableau 2022.3 或更早版本中開啟它，則檢視者將無法查看影像。

**附註：**最佳做法是始終將影像角色欄位與文字描述對齊，讓螢幕助讀程式和其他協助工具軟體可以存取內容。

## 影像連線疑難排解

有時，若您超出每個欄位允許的影像數量、複雜的視覺效果上有大型影像檔案或在行動裝置上檢視視覺效果，則影像不會顯示。本部分可幫助您對這些錯誤進行疑難排解。

### 我的視覺效果中沒有顯示任何影像

視覺效果中有太多影像

根據視覺效果的複雜性，通常每個欄位可以載入 500 個影像。若您具有複雜的視覺效果，其可能會預設為伺服器端轉譯。使用伺服器端轉譯，每個欄位可以載入 100 個影像。

若您收到有關視覺效果中影像過多的錯誤訊息，請篩選掉影像並重試。

Tableau 無法存取影像

若您收到損壞的影像圖示，而不是影像，請首先確認您有足夠的權限檢視影像（或者，例如，它們是否位於防火牆後面）。Tableau 必須能夠存取影像，並且檢視影像不需要單獨的驗證。

若您確定您有權限檢視影像，並且它們在尺寸要求範圍內，請檢查設定頁面上是否已啟用 Web 影像。

在 Tableau Desktop 中：

1. 在工作簿中，按一下工具列中的說明。
2. 選取設定和效能 > 設定儀表板 Web 檢視安全性。
3. 確保核取啟用網頁物件和 Web 影像。

在 Tableau Cloud 中：

1. 在首頁上，按一下設定。
2. 在「一般」下，向下捲動並尋找網頁物件和 Web 影像 。
3. 確保核取啟用網頁物件和 Web 影像。

### 某些影像在我的視覺效果中不顯示

影像檔案太大

每個影像檔案必須小於 200 kb 才能轉譯。檢查影像檔案大小，然後重試。

您使用的是早期版本的 Tableau

如果您使用的是 Tableau 23.1 或更早版本，則僅支援 .png、.jpeg 和 .jpg 影像檔。升級 Tableau 版本或使用正在使用的 Tableau 版本支援的檔案類型。

影像 URL 必須以 http 或 https 開頭

每個影像 URL 必須以 http 或 https 開頭。Tableau 目前不支援 FTP/SMTP 呼叫。驗證 URL 格式，然後重試。

影像檔案必須為 URL

影像角色只能指派給巡覽到 .png、.jpeg 或 .jpg、.svg、.webp、.jfif、.ico、.bmp 或 .gif 影像檔的網址。驗證 URL 格式，然後重試。

不支援影像檔類型

影像角色只能指派給巡覽到 .png、.jpeg 或 .jpg、.svg、.webp、.jfif、.ico、.bmp 或 .gif 影像檔的網址。驗證 URL 格式，然後重試。

如果您使用的是 Tableau 23.1 或更早版本，則僅支援 .png、.jpeg 和 .jpg 影像檔。升級 Tableau 版本或使用正在使用的 Tableau 版本支援的檔案類型。  
在 Tableau 23.2 及更高版本中，支持 .gif 檔，但 .gif **動畫**將僅在具有用戶端渲染的 Tableau Cloud 和 Tableau Server 上顯示。在具有伺服器端渲染的 Tableau Desktop 和 Tableau Server 中，.gif 檔將顯示為靜態影像。  

影像檔案包含錯誤字元

影像角色無法指派給具有以下字元的 URL：

< > & \\ ^ '

或以下字元序列：

..\\\\.\\r \\n \\t

確認 URL 不包含任何這些字元或字元序列，然後重試。

### 影像在工作表之外不顯示

影像在工具提示視覺效果中不顯示

工具提示視覺效果使用伺服器端轉譯進行處理，每個欄位最多允許載入 100 個影像。確認每個欄位的影像少於 100 個，然後重試。

有關伺服器和用戶端轉譯的更多資訊，請參閱[設定用戶端轉譯](https://help.tableau.com/current/server/zh-tw/browser_rendering.htm)。

有關使用工具提示視覺效果的更多資訊，請參閱[在工具提示中建立檢視（工具提示視覺效果）](https://help.tableau.com/current/pro/desktop/zh-tw/viz_in_tooltip.htm)。

影像在檢視縮圖中不顯示

檢視縮圖使用伺服器端轉譯進行處理，每個欄位最多可以載入 100 個影像。確認每個欄位的影像少於 100 個，然後重試。

有關伺服器和用戶端轉譯的更多資訊，請參閱[設定用戶端轉譯](https://help.tableau.com/current/server/zh-tw/browser_rendering.htm)。

匯出工作簿時影像不顯示

所有匯出和與匯出相關的功能都透過伺服器端轉譯進行處理，每個欄位最多可以載入 100 個影像。確認每個欄位的影像少於 100 個，然後重試。

影像在行動裝置上不顯示

行動裝置的複雜度臨界值低於電腦，因此透過伺服器端轉譯完成處理，每個欄位最多可以載入 100 個影像。確認每個欄位的影像少於 100 個，然後重試。

可以變更行動裝置上的複雜度設定。有關複雜度臨界值的詳細資訊，請參閱[設定電腦和行動裝置的複雜度臨界值](https://help.tableau.com/current/server/zh-tw/browser_rendering.htm#configure-the-complexity-threshold-for-computers-and-mobile-devices)。