Web 画像をワークシートに動的に追加する

Tableau では、画像はデータを分析する際の強力なツールです。靴の月別売上高の Viz を想像してみてください。データは、ウェッジ ヒールよりもハイ ヒールのほうが売れていることを示していますが、この 2 つのタイプの靴の違いを想像することはできません。そこで、イメージの役割が登場します。Web 画像をワークシートに動的に追加し、それらをヘッダーで使用して視覚的な詳細を追加することができます。

靴のイメージと靴の種類および売上を含む Viz

データ ソースを準備する

イメージの役割は、Web 画像を指す URL を含む個別のディメンション フィールドに割り当てることができます。データを準備するには、画像フィールドが、イメージの役割を割り当てるための Tableau によって設定されている要件を満たしていることを確認します。

  • URL で移動する先が、.png、.jpeg、.jpg、.svg、.webp、.jfif、.ico、.gif のいずれかの画像ファイルであることを確認します。
  • 各 URL が http または https で始まっていることを確認します。トランスポート プロトコルが含まれていない場合、Tableau は https を想定します。
  • データ セットで使用される画像の数を最適化します。通常は、フィールドごとに最大 500 個の画像を読み込むことができます。
  • 各画像ファイルが 200 KB 未満であることを確認します。

注: Tableau 23.1 以前を使用している場合、URL は、ファイル拡張子が .jpg、.jpeg、または .png の画像ファイルに移動する必要があります。

Tableau 23.2 以降では、.gif ファイルがサポートされていますが、.gif アニメーションは、クライアント側レンダリングが有効になっている Tableau Cloud および Tableau Server でのみ表示されます。サーバー側レンダリングが有効になっている Tableau Desktop および Tableau Server では、.gif ファイルが静的画像として表示されます。

Viz の複雑さによっては、Tableau がデフォルトでサーバー側のレンダリングを使用する場合があります。その場合、フィールドあたりの画像数は 100 に制限されます。複雑性の設定とサーバー側のレンダリングの詳細については、「クライアント側レンダリングの構成」を参照してください。

データ セットの例:

製品名製品画像 URL製品売上高
フラットhttps://img.example.com/flats.png12,118
ハイヒールhttps://img.example.com/highheels.png15,865
ランニング シューズhttps://img.example.com/runningshoes.png14,200
ウェッジhttps://img.example.com/wedges.png8,665

イメージの役割を URL に割り当てる

データ ソースに接続したら、[データ ソース] ページまたはワークシートの [データ] ペインからイメージの役割を URL に割り当てることができます。

[データ ソース] ページから割り当てる:

  1. 画像の URL がある列を見つけます。
  2. 列の左上にあるアイコンを右クリック (Mac では Control を押しながらクリック) し、[イメージの役割] > [URL] を選択します。
    アイコンが画像アイコンに変わり、画像を使用できるようになります。

    イメージの役割を URL に割り当てるデータ ソース オプション

ワークシートから割り当てる:

  1. 新しいワークシートを開きます。
  2. 画像の URL がある個別のディメンション フィールドを見つけます。
  3. ディメンション フィールドを右クリック (Mac では Control を押しながらクリック) し、[イメージの役割] > [URL] を選択します。
    アイコンが画像アイコンに変わり、画像を使用できるようになります。

    イメージの役割をデータに割り当てるデータ ペイン オプション

ビジュアライゼーションに画像を追加する

ワークシートから、[イメージの役割] フィールドを [行] または [列] シェルフにドラッグします。これで Viz 上で画像と関連データを表示できるようになりました。

ビジュアライゼーションを共有する

画像を含むワークブックはエクスポートして共有することができます。Viz で使用する画像は、Viz を共有するすべてのユーザーが閲覧できるようにしてください。たとえば、ファイアウォールの内部にある内部サーバーでホストされている画像を使用している場合は、Viz を共有するユーザー全員が画像にアクセスするための十分な権限を持っていることを確認します。この例では、同じサーバーに接続して Viz を表示しているユーザーは、問題なく画像を表示しています。ただし、Viz を Tableau Cloud サーバー上の PDF にエクスポートしているユーザーは、画像を表示できない場合があります。

エクスポートされたワークブックを Viewer が Tableau 2022.3 以前で開こうとすると、画像を表示することができません。

注: ベスト プラクティスとして、スクリーン リーダーやその他のアクセシビリティ ソフトウェアがコンテンツにアクセスできるように、イメージの役割フィールドは常にテキストの説明と一緒に配置します。

画像の接続に関するトラブルシューティング

フィールドごとに許可されている画像の数を超えてる場合や、複雑な Viz に大きな画像ファイルがある場合、またはモバイル デバイスで Viz を表示している場合に、画像が表示されないことがあります。このセクションは、このようなエラーのトラブルシューティングに役立ちます。

Viz に画像が表示されない

Viz 内の画像が多すぎる

Viz の複雑さにもよりますが、通常、フィールドごとに 500 個の画像を読み込むことができます。複雑な Viz の場合は、既定でサーバー側レンダリングになることがあります。サーバー側レンダリングでは、フィールドごとに 100 個の画像を読み込むことができます。

Viz 内の画像が多すぎるというエラー メッセージが表示された場合は、画像をフィルターで除外してからやり直してください。

Tableau が画像にアクセスできない

画像の代わりに破損した画像アイコンが表示される場合は、まず画像を表示するための十分な権限があることを確認してください (または、画像がファイアウォールの内側にある場合など)。Tableau は画像にアクセスできなければならず、画像を表示するために別の認証を要求することはできません。

画像を表示する権限があり、サイズ要件を満たしている場合は、設定ページで Web 画像が有効になっていることを確認してください。

Tableau Desktop の場合:

  1. ワークブックから、ツールバーの [ヘルプ] をクリックします。
  2. [設定とパフォーマンス] > [ダッシュボード Web 表示セキュリティ] の順に選択します。
  3. [Web ページ オブジェクトと Web 画像を有効にする] がオンになっていることを確認します。

Tableau Cloud の場合:

  1. ナビゲーション パネルで、[設定] をクリックします。
  2. [全般] で、下にスクロールして [Web ページ オブジェクト] と [Web 画像] を見つけます。
  3. [Web ページ オブジェクトと Web 画像を有効にする] がオンになっていることを確認します。

一部の画像が Viz に表示されない

画像ファイルが大きすぎる

レンダリングするには、各画像ファイルを 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 にのみ割り当てることができます。URL の形式を確認して、もう一度やり直してください。

画像ファイルの種類がサポートされていない

イメージの役割は、.png、.jpeg、または .jpg、.svg、.webp、.jfif、.ico、.bmp、または .gif の画像ファイルに移動する URL にのみ割り当てることができます。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 にこれらの文字または文字列が含まれていないことを確認してから、もう一度やり直してください。

ワークシートの外に画像が表示されない

ツールヒント Viz に画像が表示されない

ツールヒントの Viz はサーバー側レンダリングで処理されるため、フィールドごとに最大 100 個の画像を読み込むことができます。フィールドごとの画像が 100 個未満であることを確認してから、もう一度やり直してください。

サーバー側とクライアント側のレンダリングの詳細については、「クライアント側レンダリングの構成」を参照してください。

ツールヒント Viz の詳細については、「ツールヒント内でビューを作成する (ツールヒント Viz)」を参照してください。

[サムネイルで表示] に画像が表示されない

[サムネイルで表示] はサーバー側レンダリングで処理されるため、フィールドごとに最大 100 個の画像を読み込むことができます。フィールドごとの画像が 100 個未満であることを確認してから、もう一度やり直してください。

サーバー側とクライアント側のレンダリングの詳細については、「クライアント側レンダリングの構成」を参照してください。

ワークブックをエクスポートすると画像が表示されない

すべてのエクスポートおよびエクスポート関連の機能は、サーバー側レンダリングで処理されます。これにより、フィールドごとに最大 100 個の画像を読み込むことができます。フィールドごとの画像が 100 個未満であることを確認してから、もう一度やり直してください。

モバイルデバイスで画像が表示されない

モバイル デバイスはコンピューターに比べて複雑性のしきい値が低いため、サーバー側レンダリングで処理を完了します。そのため、フィールドごとに最大 100 個の画像を読み込むことができますフィールドごとの画像が 100 個未満であることを確認してから、もう一度やり直してください。

モバイル デバイスで複雑性の設定を変更できます。複雑性のしきい値の詳細については、「コンピューターとモバイル デバイスの複雑性のしきい値を構成する」を参照してください。

フィードバックをお送りいただき、ありがとうございます。フィードバックは正常に送信されました。ありがとうございます!