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 内の画像が多すぎる
Tableau が画像にアクセスできない

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

画像ファイルが大きすぎる
以前のバージョンの Tableau を使用している
画像の URL は http または https で始まる必要があります
画像ファイルは URL キーである必要があります。
画像ファイルの種類がサポートされていない
画像ファイルに不適切な文字が含まれている

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

ツールヒント Viz に画像が表示されない
[サムネイルで表示] に画像が表示されない
ワークブックをエクスポートすると画像が表示されない
モバイルデバイスで画像が表示されない