GIF を PNG に変換 — 透明のまま

決め手は透明です。GIF はピクセルを透けているものとして印を付けられ、PNG はそれをそのまま保存します。JPG にはアルファチャンネルがなく、透明だった部分を不透明な色で埋めます。透明な背景のロゴを JPG にすると、白い四角の上に載って届きます。ロゴ自体が淡ければ、見えないまま届きます。

PNG は劣化しない形式でもあります。細部を捨てて圧縮するのではなく、そのまま保ちます。硬い輪郭のあるもの——アイコン、図、文字、スタンプ——では、これが二重に効きます。JPG はその輪郭をにじませ、PNG は触りません。

2 つの形式は、透明の意味について意見が違います。GIF が持つのは 1 ピクセルにつき 1 ビット、透明か不透明かだけで、中間はありません。PNG は不透明度の値を持つので、輪郭が不透明から見えないところまで徐々に薄れていけます。PNG のロゴがどんな色の背景にもきれいに載るのは、これがあるからです。

ですから GIF から PNG への変換で失われるものはなく、輪郭が魔法のようにきれいになることもありません。GIF の硬くて少しギザギザした縁は、硬くて少しギザギザしたままです。ファイルに入っているのがそれだからです。得をするのはその後です。PNG を編集して——縮めて、影を付けて、縁をぼかして——その結果をこの形式は持てます。GIF で保存し直せば、また 1 ビットに潰されます。

PNG は 1 枚の絵です。2 枚目を入れる仕組みがないので、動く GIF は 1 コマに減らすほかなく、1 コマ目が、どの瞬間のつもりだったかを推測せずに選べる唯一のコマです。

そして、それはたいてい誰も欲しくないコマです。アニメーションはほとんど何もない導入から始まることが多いからです。特定の瞬間が要るなら、先に GIF を MP4 か WebM にして、動画から静止画を取ってください。動画の道なら時間で位置を指定できます。1 枚の絵を出口にしているこの変換が渡せない操作が、まさにそれです。

GIF が持てるのは 256 色までで、それが作られたときに失われたものは、この変換が始まる前に失われています。PNG は渡されたものを、劣化なしで、そのとおりに保存します。つまり、縞の出ている GIF からは、同じ縞の出た PNG ができます。

これを書いておくのは、「劣化しない」が「画質が戻る」と読まれるからです。戻りません。保証しているのは、これ以上失われないことです。編集して保存し直しても PNG は劣化しません。JPG はします。GIF になる前の元の画像がどこかに残っているなら、そちらを変換したほうが必ずきれいです。

実際的な答えは、欲しいコマを先頭に持ってくることです。GIF の編集ソフトならどれでも導入部分を切り落とせますし、そのあとならこの変換が、意図したとおりの瞬間を返します。

長いアニメーションの奥にある特定のコマなら、先に MP4 にして動画から静止画を取ってください。時間で指定できます。手順は 2 つですが、300 コマ中の 147 コマ目に届く道はそれだけです。

GIF は圧縮されています。そして同じ絵なら、PNG のほうが大きくなるのが普通です。PNG が新しい形式で、GIF が古くて小さい形式だと思っている人は、ここで驚きます。

理由は、GIF がそもそも 256 色しか保存していないのに対し、PNG は同じ絵を 1600 万色に備えた形式で持っているからです。極端に平らな絵では PNG が勝つこともあります。多くはそうなりません。ここで PNG が買っているのは大きさではなく、次の編集がただになることです。

2 つあります。1 つは、透明を持ったスタンプや絵文字や記号を、GIF を受け付けない場所へ持っていくとき。デザインソフト、文書、スライド。LINE のスタンプのように、動くものは GIF ではなく APNG で出すよう決まっている場所もあります。まず 1 枚を PNG にしてみるところから始めるのが早い道です。

もう 1 つは、これから編集するものです。変更のたびに GIF で保存し直せば、そのたびに色の表を通り、少しずつ劣化します。PNG はしません。手を入れる予定のあるファイルなら、2 回目の保存でこの変換の元は取れています。

PNG は GIF とちょうど同じ大きさです。あとから拡大しても細部は増えません。増やすべきものが、そこになかったからです。

横 480 ピクセルのアニメーションから取った 1 枚は、横 480 ピクセルのままです。大きく使う必要があるなら、出発点が間違っています。

フォルダーごと置けば、それぞれの GIF が 1 コマ目を PNG として差し出し、結果は渡した順のまま ZIP で返ります。

復号も PNG の書き出しも、ページが読み込んだコードが、あなたのブラウザーの中で動かします。何も送られないので、枚数の上限も、誰かの後ろで待つ列もありません。