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

# Image Editor で画像を編集する

> Widget Studio の Image Editor で、画像要素のサイズ変更、切り抜き、反転、描画、図形の追加、フィルターの適用を行います。

Image Editor では、ウィジェット内の画像要素を編集できます。Image Editor には 4 つのタブがあります。Frame、Draw、Shapes、Filters です。

## Image Editor で画像を開く

Image Editor で画像を編集するには:

1. 編集する画像に移動します。
2. **Open in Image Editor** を選択します。Image Editor が開きます。
3. 必要な編集を適用します。

![Source のプレビュー、Open in Image Editor ボタン、Alt text フィールド、Fill mode の Cover を表示した画像要素のパネル（General タブ）](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/edit-your-widgets-step-10-2x.png)

Image Editor の右上では、拡大と縮小、変更の取り消しとやり直し、編集中の画像の変更ができます。

## Frame

Frame タブを使用して、画像のサイズ変更、切り抜き、反転を行います。

![Frame、Draw、Shapes、Filters のツール、Resize、Crop、Flip のタブ、Cancel と Save ボタンを表示した Image Editor のダイアログ](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/edit-your-widgets-step-11-2x.png)

### 画像のサイズを変更する

画像のサイズを変更するには:

1. **Resize** ツールをクリックします。
2. 目的の寸法を入力するか、スライダーを使用して画像のサイズを調整します。

### 画像を切り抜く

画像の端をトリミングする必要がある場合は、次の手順に従います:

1. **Crop** ツールをクリックします。
2. あらかじめ用意されたサイズを選択するか、切り抜く範囲を選択します。

### 画像を反転する

**Flip** ツールを使用して、画像を水平方向または垂直方向に反転できます。

## Draw

**Draw** ツールを使用して、画像に描画します。ブラシのサイズと色を選択して、描画をカスタマイズします。

## Shapes

**Shapes** ツールを使用して、円、正方形、矢印などの図形を挿入します。図形のサイズ、色、位置を調整できます。

## Filters

**Filters** オプションを選択して、フィルターで画像の見た目を強調します。画像の明るさ、ノイズ、しきい値を調整できます。