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


データ ソースを準備する

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

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

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

データ セットの例:

製品名製品画像 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 を押しながらクリック) し、[Image Role (画像の役割)] > [URL] を選択します。
    アイコンが画像アイコンに変わり、画像を使用できるようになります。


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

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

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

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

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

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

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

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

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

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

Viz に画像が表示されない

Viz 内の画像が多すぎる

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

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

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

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

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

Tableau Desktop の場合:

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

Tableau Cloud の場合:

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

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

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

レンダリングするには、各画像ファイルを 128 kb 未満にする必要があります。画像ファイルのサイズを確認して、もう一度やり直してください。

画像の URL は http または https で始まる必要があります

各画像の URL は http または https で始まる必要があります。Tableau は現在、FTP/SMTP 呼び出しをサポートしていません。URL の形式を確認して、もう一度やり直してください。

画像ファイルは URL キーである必要があります。

画像の役割は、拡張子が .png、.jpeg、または .jpg の画像ファイルに移動する URL にのみ割り当てることができます。URL の形式を確認して、もう一度やり直してください。

画像ファイルの拡張子がサポートされていない

画像の役割は、拡張子が .png、.jpeg、または .jpg の画像ファイルに移動する URL にのみ割り当てることができます。現在、画像の役割は .svg ファイルに移動する URL をサポートしていません。URL の形式を確認して、もう一度やり直してください。

画像ファイルに不適切な文字が含まれている

次の文字が含まれる URL には画像の役割を割り当てることはできません。

< > & \ ^ '

または以下の文字シーケンス:

..\\.\r \n \t

URL にこれらの文字または文字列が含まれていないことを確認してから、もう一度やり直してください。

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

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

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

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

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

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

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

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

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

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

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

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

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

ありがとうございます!