GIF を PNG に変換

アニメーションはどうなるのか

アニメーション GIF を PNG に変換するとは、動く画像からフレームを取り出すことです。PNG にはアニメーションを保存する手段がないため、アニメーション GIF は静止画 1 枚になるか、1 フレームにつき 1 枚の別々の画像の集まりになるかのどちらかです。

これはこの種の変換で最も多い驚きであり、そして多くのツールが黙っている部分でもあります。GIF が保持しているのは連続したフレームと、その間隔です。一方 PNG ファイルが保持するのは 1 枚の画像です。この 2 つの事実をどう組み合わせてもアニメーションが無傷で生き残る方法はないので、どの変換ツールも選択をしなければなりません。そしてほとんどが、何も言わずに代わりに選んでしまいます。

ここではその選択はあなたのもので、しかも目に見えます。既定は先頭フレームです。多くの方が求めるものであり、他のツールがどのみち黙ってやっていることでもあるからです。「全フレーム」に切り替えると、1 フレームにつき 1 枚の連番 PNG が ZIP にまとめられて出てきます。ファイル数は変換前にスイッチの横に表示されるので、3 つの GIF で各 24 フレームなら、72 個になりますと先に伝えます。黙って 72 個作ったりはしません。

アニメーション GIF の全フレームを書き出す

GIF から個々のフレームを取り出すのは、実際に役立つ作業です。リアクション用の短いクリップからきれいな静止画を 1 枚取るのも、スプライトシートを個別の画像に戻すのも、圧縮されたアニメーションがロゴに何をしたのかを確かめるのも、別のツールでゼロから作り直さずにアニメーションを組み直すのも、すべてこれが必要です。

そして、ここが GIF から PNG への変換でほとんど誰もうまくやっていない部分でもあります。この語で上位に並ぶ 10 のツールのうち、上位 2 つはアニメーションがどうなるかについて何も書いていません。24 フレームのファイルをアップロードして、後になって分かるだけです。よく知られた GIF 専門サイトは全フレームを書き出せますが、その機能は別ページにあり、ファイルをサーバーへアップロードする必要があり、アップロードしたファイルは 1 時間後に削除すると明記されています。もう一つは完全にブラウザ内で動きますが、一度に 1 フレームしか取れず、一括処理もなく、無料利用は個人用途に限られます。

このページが違うのは、巧妙だからではありません。単に一通り揃っているだけです。フレームはブラウザ自身の画像デコーダーでローカルに読み取られ、一度の変換で全フレームが書き出され、複数の GIF をまとめて処理でき、出力ファイルの総数は確定前に画面に出ています。各フレームはそれぞれの透明を保ち、ファイルは再生順に連番が振られるので、80 枚入りの ZIP でもたどれます。

このツールにできないこと

GIF から PNG への変換と並んで探される事柄が 2 つありますが、いずれも大量の追加コードを読み込まずにブラウザができる範囲の外にあります。曖昧に答えるより、はっきりさせておくほうが役に立ちます。

APNG を探していた理由が「アニメーションを保ったまま、GIF より小さく質の良いファイルが欲しい」ことであれば、もっと現実的な道があります： アニメーションを WebP に変換する