> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 画像

> AI テーブルアプリケーション内で画像コンポーネントを挿入し、静止画や動画を表示・管理することで、可視化コンテンツを充実させられます。

## **機能概要**

AI テーブルアプリケーション内で画像コンポーネントを挿入し、静止画や動画を表示・管理することで、可視化コンテンツを充実させられます。

**典型的なユースケース：**

* <strong>企業ブランドと装飾：</strong>ダッシュボードのヘッダー・サイドバー・背景に、会社のロゴやブランドマークを挿入したり、装飾的な背景画像を使用して全体の視覚的な美しさを高めたりできます。
* <strong>指標のビジュアル化：</strong>主要なデータ指標やチャートに画像を添付し、アイコンや図解でデータの意味を直感的に理解できるようにします（例：「上昇矢印」のアイコンを成長指標に添える）。
* <strong>背景と下絵：</strong>データ大画面や複雑なレポートで、地図・建物の平面図・設備の概念図などを背景画像として使用し、その上に動的なデータポイントやヒートマップを重ね、データと実景を組み合わせた表示を実現できます。

## **操作フロー**

### **画像コンポーネントの追加**

1. AI テーブルアプリケーションモジュールに入ります。
2. 左側のナビゲーションから、コンポーネントを追加するページを選択します。
3. ページ左下の **+ コンポーネント追加** をクリックし、**画像**を選択します。

![](https://img.alicdn.com/imgextra/i1/O1CN01GDotsm27JSx3xxIwL_!!6000000007776-2-tps-2804-1368.png)

### **基本設定**

コンポーネントを追加後、右側パネルの**基本設定**で以下を設定します。

* **画像管理**
  * **画像の追加：** **+ 画像追加** をクリックし、ローカルから画像をアップロードします。JPG、PNG、JPEG、SVG、GIF、WEBP などの形式に対応し、画像サイズは 20 MB 以下、最大 20 枚までアップロードできます。

  * <strong>画像の編集：</strong>画像にマウスをホバーし、右側の**編集**アイコンをクリックすると、画像にタイトル・サブタイトル・ジャンプリンク・画像の塗りつぶし方法を追加できるほか、画像の再アップロードも可能です。

  * <strong>画像の削除：</strong>画像にマウスをホバーし、右側の**削除**アイコンをクリックすると、画像を直接削除できます。

  * <strong>順序の調整：</strong>アップロードした画像が 2 枚以上ある場合、画像左側のアイコンをドラッグして表示順序を調整できます。

* **表示内容**
  * 画像の表示内容を切り替えられます。「画像＋タイトル」と「画像のみ」の 2 種類があり、「画像のみ」を選択すると、画像に設定したタイトル内容は表示されません。

* **テキスト位置の設定**
  * 画像内のテキストの表示位置を調整できます。画像の左上・左中央・左下・中央などに設定できます。

### **カスタム設定**

右側パネルの**カスタム設定**で、コンポーネントのビジュアルとインタラクションをさらに調整できます。

* <strong>背景色：</strong>コンポーネントの背景色を設定できます。
* <strong>枠線色：</strong>カラーパレットから枠線の色を選択します。
* <strong>枠線の太さ：</strong>プルダウンから枠線の太さを選択します。
* <strong>トランジションアニメーション：</strong>画像が 2 枚以上の場合に設定可能。画像のスライドショー切り替え時のエフェクトを選択できます（**スライド**または**フェード**）。
* <strong>自動切り替え：</strong>画像が 2 枚以上の場合に設定可能。有効化するとスライドショー形式で画像が表示され、無効化すると手動で次の画像に切り替える必要があります。
* <strong>切り替え間隔（秒）：</strong>画像が 2 枚以上の場合に設定可能。デフォルトは 5 秒で、手動調整に対応しています。

### **コンポーネント管理**

* **操作メニュー**

  コンポーネントを選択後、右上のアイコンをクリックすると操作メニューが表示され、以下の操作を実行できます。

  * **設定**：コンポーネントのプロパティ設定パネルを素早く開きます。
  * **複製**：現在のページ内に同じコンポーネントを複製します。
  * **コピー先**：コンポーネントを本アプリケーション内の他の指定ページにコピーします。
  * **削除**：現在のページからコンポーネントを削除します。
* **サイズと位置の調整**

  * **サイズ調整**：コンポーネント右下隅のドラッグハンドルにマウスをホバーし、ドラッグすることで、コンポーネントの幅と高さを自由に調整できます。
  * **位置の移動**：コンポーネント上部にマウスを移動するとアイコンが表示されます。マウスの左ボタンを押しながらドラッグすると、ページ内でコンポーネントの位置を調整できます。

## よくある質問

#### 質問：最大何枚の画像をアップロードできますか？

回答：20 枚です。

#### 質問：1 枚あたりの画像サイズの制限は？

回答：20 MB です。
