---
url: "/ja/tinyimage/gif-settings.md"
description: "GIFのエクスポートで、サイズ、フィットモード、背景、目標ファイルサイズ、画質、共通パレット、ディザリングを設定します。"
---

# GIFのエクスポート設定

> GIFのエクスポートで、サイズ、フィットモード、背景、目標ファイルサイズ、画質、共通パレット、ディザリングを設定します。

**GIF**ワークスペースを開き、**Create a GIF/MP4**を選びます。エクスポート設定は、選択したフレームとプレビューの横に表示されます。GIF Editorでは、読み込んだファイル用のコントロールがエディターのワークスペースに表示されます。

### 動画チュートリアル：アニメーションGIFを作成する

この動画では、TinyImageプラグインを使って、自分のデザインからFigmaで直接GIFをアニメーション化してエクスポートする方法を紹介しています。
[Embedded media](https://www.youtube-nocookie.com/embed/FYlk5a69Ewc)
### 動画チュートリアル：FigmaでアニメーションGIFのエクスポートにトランジション効果を追加する

この動画では、TinyImageプラグインを使って、FigmaでアニメーションGIFのエクスポートにフェード、スライド、ワイプのトランジション効果を追加する方法を紹介しています。
[Embedded media](https://www.youtube-nocookie.com/embed/GwfVWRAS1qk)

[Video](/assets/videos/tinyimage/compress/gif-settings.mp4)

## サイズを設定する {#set-dimensions}

初期設定では、GIFのサイズは最初のフレームと同じになります。**width**と**height**は手動で上書きできます。

## 倍率を設定する {#set-scale}

**scale**のドロップダウンを使うと、倍率を変えたサイズ（`@2x`や`@0.5x`など）でエクスポートできます。

## 画像のフィットを選ぶ {#choose-image-fit}

次のいずれかを選びます。

- **Cover Images**
- **Contain Images**（初期設定）

## 背景色を設定する {#set-background-color}

HEXカラー値を使って、単色の背景を設定します。

> **Tip:** 入力フレームに透明部分が含まれていて、透明なGIFが必要な場合は、**Transparent Background**を有効にしてください。

## 圧縮と画質を設定する {#configure-compression-and-quality}

画質スライダー（`1-100`）で非可逆圧縮の度合いを調整します。

> **Note:** 画質を落とさずにGIFを圧縮したい場合は、**Lossless**を有効にしてください。

### 目標ファイルサイズに合わせて最適化する {#optimize-to-a-target-file-size}

広告プラットフォーム、メールシステム、公開のワークフローでGIFのファイルサイズに厳密な上限がある場合は、**Size Target**を有効にして、最大サイズをKBで入力します。TinyImageは非可逆の度合いを段階的に強めながら、256色、128色、64色、32色のパレットを試し、目標に収まる中で最も控えめな結果を使います。

Size Targetを有効にすると、TinyImageはこれらの設定を自動で調整するため、手動の**Quality**コントロールがKBの目標値に置き換わり、**Lossless**は非表示になります。同じ目標サイズは、**Create a GIF/MP4**、**GIF Editor**、**Figma Motion Export**でも使えます。アニメーションGIFの出力にのみ適用され、APNG、アニメーションWebP、MP4、WebMには適用されません。

> **Warning:** アニメーションによっては、サイズ、フレーム数、タイミングを変えないと、非常に小さい目標には届かない場合があります。試したどの設定でも上限に収まらない場合、TinyImageは見つかった中で最も小さい有効な結果をエクスポートします。アップロードする前に、最終的なファイルサイズを確認してください。

## 共通のカラーパレットを設定する {#configure-global-color-palette}

**All frames have the same color palette**を有効にすると、1フレーム目のパレットをすべてのフレームで使います。

> **Warning:** ノイズやバンディングを修正する必要がある場合にのみ使ってください。後のフレームで1フレーム目にない色が使われていると、色の問題が起こる場合があります。

## 画像のディザリングを選ぶ {#choose-image-dithering}

**Image Dithering**のドロップダウンから、ディザリングのアルゴリズムを選びます。