---
url: "/ja/tinyimage/gif-transitions.md"
description: "GIFフレーム間にトランジション効果を追加・設定します。速度や透明な背景での制限についても説明します。"
---

# GIFフレームのトランジション

> GIFフレーム間にトランジション効果を追加・設定します。速度や透明な背景での制限についても説明します。

### 動画チュートリアル：FigmaでアニメーションGIFのエクスポートにトランジション効果を追加する

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

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

初期設定では、フレームは瞬時に切り替わります。トランジションの種類は次から選べます。

- 瞬時（Instant）
- フェード（Fade）
- 左へスライド（Slide left）
- 右へスライド（Slide right）
- 上へスライド（Slide up）
- 下へスライド（Slide down）
- 右へワイプ（Wipe right）
- 下へワイプ（Wipe down）

## トランジションの速度 {#transition-speed}

**Transition Speed**を使うと、効果の長さを`200ms`から`1000ms`の間で設定できます。

> **Info:** トランジションの速度を長くすると、レンダリングされるフレーム数が増え、ファイルサイズが大きくなる場合があります。

## 透明な背景での制限 {#transparent-background-limitation}

> **Warning:** **Transparent Background**を有効にしている場合、**Fade**と**Wipe**のトランジションは使えません。