静止画を並べて、動きに変える

PNG を GIF に変換:連番 PNG から GIF アニメーションを作成

PNG を GIF に変換する作業が、ブラウザだけで完結します。PNG を 1 枚でも連番でもドロップし、ドラッグでフレームを並べ替えて、タイミングとループを設定。透過背景を保ったままの GIF アニメーションをダウンロードできます。

複数の PNG を 1 つの GIF に透過背景はそのままアップロード不要のブラウザ処理
PNG→GIF 変換
01
02
03

PNG を並べて、ひとつのアニメーションに

PNG を追加するか、サンプルを試してください。Ctrl+V で画像を貼り付けることもできます。

PNG、JPG、WebP、GIF、APNG · 最大 200 フレーム · 1 ファイル 25 MB まで
処理はすべて端末上で行われます。アップロードなし、アカウント不要、透かしなし。

実際に試してみよう

サンプルで PNG→GIF 変換を試す

サンプルのセットを選んで、PNG のフレームが 1 つの GIF アニメーションになる様子を見てみましょう。

PNG 12 フレーム

透過キャラクターのアニメーション

手を振るキツネの透過 PNG 12 枚が、背景が透明なままのループ GIF に。

PNG 11 フレーム

ゲーム用のスプライトアニメーション

ロボットのスプライトフレームを GIF のプレビューに。スプライトシートをエンジンに組み込む前に、動きを共有できます。

写真 3 枚

商品のスライドショー

3 枚の商品画像を、1 枚ごとのディレイを長めにしたシンプルなスライドショー GIF に。

12 枚の PNG から作った、手を振るキツネの GIF

オリジナルの 12 フレームのサンプル · ワークスペースで GIF を開けます

シーケンスを確認

透過 PNG のまま、複数の PNG を 1 つの GIF に

PNG→GIF 変換ツールの多くは、透明なピクセルを黒や白で塗りつぶしてしまいます。ここでは GIF でも透明のままなので、どんなページやチャット、スライドにもきれいになじみます。

  • 透過 PNG は透明のまま
  • 1 つの GIF に最大 200 フレーム
  • フレームから作るパレットで、色がきれい
サンプルアニメーションのフレーム 1
01
サンプルアニメーションのフレーム 2
02
サンプルアニメーションのフレーム 3
03
サンプルアニメーションのフレーム 4
04
サンプルアニメーションのフレーム 5
05
サンプルアニメーションのフレーム 6
06
サンプルアニメーションのフレーム 7
07
サンプルアニメーションのフレーム 8
08
サンプルアニメーションのフレーム 9
09
サンプルアニメーションのフレーム 10
10
サンプルアニメーションのフレーム 11
11
サンプルアニメーションのフレーム 12
12

出力を自由に調整

APNG を GIF に変換、GIF への写真の追加も

アニメーション PNG をドロップすると、すべてのフレームが展開され、GIF として保存できます。GIF をドロップすれば、フレームの前後や間に写真を追加できます。

  • APNG と GIF のフレームを自動で展開
  • フレームの複製、逆再生、往復再生
  • フレームごとのディレイで間や静止を演出

並べて比較

GIF と APNG、どちらでダウンロードする?

どちらもアニメーションとして再生されます。使う場所と、縁をどれだけなめらかにしたいかで選びましょう。

GIFAPNG(アニメーション PNG)
色1 フレームあたり最大 256 色フルカラー
透明ピクセルごとにオンかオフなめらかな半透明の縁
再生できる場所チャットやメールを含め、ほぼどこでも最新のブラウザ。アプリによっては最初のフレームだけ表示
向いている用途ステッカー、ミーム、共有縁をなめらかに見せたい Web サイトや UI のアニメーション

かんたん 3 ステップ

PNG を GIF に変換する方法

元のファイルから使える仕上がりまで、かんたん 3 ステップ。

01

PNG を追加

PNG を 1 枚、複数枚、または連番でドロップします。JPG、WebP、GIF、アニメーション PNG(APNG)のフレームも使えます。

02

フレームを並べてタイミングを設定

ドラッグでフレームを並べ替え、全フレームまたは 1 枚だけのディレイを設定して、ループ回数、サイズ、色数を選びます。

03

GIF をダウンロード

アニメーションをプレビューして作成し、ファイルサイズを確認したら GIF をダウンロード。半透明のなめらかな縁が必要なときは APNG も選べます。

次の制作に役立つ

PNG→GIF 変換で作れる GIF アニメーション

01

ステッカーやリアクション GIF

透過 PNG のポーズを何枚か組み合わせて、チャットやコメント、SNS の投稿で使えるステッカー風の GIF に。

02

ゲームやアプリのアニメーション確認

スプライトのフレームを GIF で確認してから、GIF→スプライトシート変換でエンジン用にまとめられます。

03

写真やスクリーンショットのスライドショー

商品写真やスクリーンショットから、メールや商品ページ、資料で使えるループ再生のスライドショー GIF を作れます。

1 つのファイルで、すぐに共有

ほぼどこでも再生できるループ GIF か、フルカラーでやわらかい透過の縁が必要な Web サイト向けの APNG をダウンロードできます。

PNG→GIF 変換:よくある質問

PNG を GIF に変換するにはどうすればいいですか?

PNG を追加して「GIF を作成」を押し、ダウンロードするだけです。PNG が 1 枚なら静止画の GIF に、2 枚以上ならフレーム一覧に表示された順で GIF アニメーションになります。

複数の PNG を 1 つの GIF アニメーションにまとめられますか?

はい。一度に最大 200 枚の PNG を選択またはドロップしてドラッグで並べ替えると、それぞれの PNG が GIF の 1 フレームになります。あとから画像を追加することもできます。

透過 PNG のまま GIF に変換できますか?

はい。「背景」を「透明」にしておけば透過は保たれます。GIF の透明はピクセルごとにオンかオフのどちらかなので、ごくやわらかい縁はどちらかに丸められます。なめらかな半透明の縁が必要なら、APNG でダウンロードしてください。

APNG(アニメーション PNG)を GIF に変換するには?

アニメーション PNG をそのままドロップしてください。すべてのフレームとタイミングがフレーム一覧に展開されるので、順番やディレイを編集してから GIF を作成できます。

GIF に写真を追加するには?

GIF をドロップしてフレームに展開し、写真を追加して、表示したい位置までドラッグします。もう一度 GIF を作成すれば、すべてを含んだ 1 つのアニメーションになります。

この PNG→GIF 変換は無料ですか?ファイルはアップロードされますか?

無料で、登録不要、透かしも入りません。画像の読み込みとエンコードはお使いのブラウザで行われ、端末の外に出ることはありません。

GIF はどれくらいの大きさまで作れますか?

最大 200 フレーム、幅 1200 px までです。色数、幅、フレーム数を減らすとファイルは小さくなります。サイズは GIF の作成後に表示されます。

PNG→GIF 変換

手持ちの PNG を GIF にしよう

PNG を GIF に変換する作業が、ブラウザだけで完結します。PNG を 1 枚でも連番でもドロップし、ドラッグでフレームを並べ替えて、タイミングとループを設定。透過背景を保ったままの GIF アニメーションをダウンロードできます。

ワークスペースに戻る