PNG を GIF に変換 — 静止画のまま

PNG を GIF にすると、GIF 形式の静止画ができます。アニメーションにはなりません。1 枚の絵はコマが 1 つで、残りを変換機が作り出すことはできないからです。変換はブラウザーの中、無料、アップロードなし。色は 256 色に減ります。ロゴなら気づかず、写真でははっきり分かります。

  • 処理される場所 ブラウザーの中です。ファイルがアップロードされることはありません。
  • 非可逆 サイズと引き換えに細部が失われます。GIFはPNGのすべてを保持できません。
  • ファイルサイズの上限 1ファイルあたり100MBまで。無料、アカウント不要です。
  • 知っておきたいこと 256 色まで減らされます。写真ではその差が目に見えます。透明だった部分は、そのまま残るのではなく背景色で塗りつぶされます。

一度に100ファイルまで。フォーマットが混ざっていても構いません。

PNGからGIFへの変換で実際に起きること

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as PNG.

PNG139 KB

A generated landscape with a low sun and three ridges, used to show what JPEG does to continuous tone. Shown as GIF.

GIF36 KB3.8 分の 1

なだらかな階調、やわらかい輪郭、粒状感のある写真です。GIFが想定している、あるいは想定していない典型例で、数値がどちらなのかを示します。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。
A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as PNG.

PNG7 KB

A generated badge: a circular gradient on a transparent background with a white bar across it, used to show what each format does with transparency and with hundreds of shades. Shown as GIF.

GIF8 KB8% 大きい

背景が透明で、図形にグラデーションがかかっています。GIFは両方を保持するか、片方だけ保持するか、透明部分を単色で塗りつぶすかのいずれかです。ここが見落とされがちな差です。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。
A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as PNG.

PNG3 KB

A generated application window with a sidebar, a table and a bar chart, used to show what JPEG does to flat colour and hard edges. Shown as GIF.

GIF6 KB2.4 倍

インターフェース、グラフ、ロゴのような、平坦な色と硬い輪郭です。上の写真とは挙動がまったく違い、答えが「ファイルの中身による」になる理由でもあります。 どちらの画像もコードで描き、このページで動くのと同じ変換器でエンコードしています。つまりサイズは当サイト自身の出力です。

アニメーションを探して来たのなら、これは違います

PNG から GIF への変換を探している人のほとんどは、動く GIF のことを考えています。いまや「GIF」という言葉がほぼその意味で通じる、短い繰り返しの映像です。はっきり言っておきます。1 枚の PNG はそれになれません。アニメーションはコマの列で、1 枚の絵はコマが 1 つです。1 枚から「動く」GIF を渡してくる道具は、紛らわしい名前を付けた静止画を渡しているだけです。

代わりに何が要るかは、そのアニメーションの行き先によります。ウェブページなら、短い MP4 を WebM にするほうが、どんな GIF よりはるかに小さくてきれいです。チャットアプリは、いまはたいてい動画をそのまま受け取ります。そして本当に何枚かの画像をコマにしたいのなら、それは組み立ての作業です。変換機は 1 つのファイルを受け取って 1 つを返すもので、形が合っていません。

256 色の上限が、どこで見えるか

GIF は最大 256 色の色の表を持ち、そこを参照します。PNG は 1600 万色を書けます。変換とは、どの 256 色を残すかを選び、ほかの色を生き残ったうちの最も近いものに割り当てる作業です。それがどれだけ目に付くかは、絵の中身しだいです。

ロゴ、アイコン、図、表計算の画面写し。この種類のものは数えるほどの平らな色でできているので、無傷で通ります。写真はそうはいきません。空も肌も、なだらかに変わる階調は目に見える縞に割れます。滑らかな移り変わりが、256 色のうちいちばん近いものに丸められたからです。こちらの減色は絵の中での多さから表を選ぶので、できる範囲では良いほうですが、上限は形式のもので、どの符号化器も回避できません。

透明な背景はどうなるか

どちらの形式も透明を扱えて、その意味が違います。PNG はピクセルごとに不透明度の値を持つので、輪郭が不透明から見えないところまで徐々に薄れていけます。PNG のロゴがどんな背景にもきれいに載るのはそのためです。GIF が持つのは 1 ビットです。そのピクセルは透明か、そうでないか。

実際に起きるのは、柔らかい縁が硬い縁になることです。後ろに溶け込んでいた滑らかな曲線に、目に見える階段が付きます。柔らかい影は、消えるか、灰色の塊になるかのどちらかです。色の付いた背景の上に置いてきれいに見せる必要があるなら、PNG も WebP も段階のある透明を保ちます。GIF にそれをさせる方法はありません。

ファイルはたぶん大きくなります

これは驚かれます。GIF は古くて小さい形式のように感じられるからです。PNG のほうが新しい圧縮を使っていて、同じ絵ならたいてい上手にまとめます。ですから GIF にすると、小さくなるどころか大きくなることが多く、色が多くて表が近似に苦労する絵では、かなり大きくなることもあります。

これを知っておく値打ちがあるのは、変換する理由の 1 つが消えるからです。GIF が正解なのは、後ろにあるものがそれしか受け付けないときです。2009 年で更新の止まった掲示板、社内のグループウェアの投稿欄、メールのひな形、産業用の機械に付いてきたソフト。ファイルを小さくするための答えではありません。それは WebP で、しかもあちらは色を 1 つも捨てません。

全部この機械の中で起きます

減色も GIF の書き出しも、ページが読み込んだコードが、あなたのブラウザーの中で動かします。画像はどこにも送られず、順番待ちもなく、アカウントも関係ありません。開発者ツールの通信の欄を開いて、ファイルを運ぶものが何も出ていかないのを見てもらえば済みます。

ですから、言うほどの上限もありません。1 枚でも 100 枚でも構いません。まとめて置いて、ZIP で受け取ってください。こちらが払うのはページを配る通信費だけで、1 回の変換あたりの費用はゼロです。数える理由がありません。

ディザリングと、その引き換え

色の表が絵の必要を満たせないとき、失敗の仕方は 2 つあります。すべてのピクセルを最も近い色に丸めれば、きれいな縞ができます。隣り合う 2 色のピクセルを撒いて目に混ぜさせれば、縞は細かい粒に変わります。

どちらが良いとは一概に言えません。図では丸めても分かりません。丸めるべきものがなかったからです。写真では粒のほうが縞より「間違って見えない」ことが多い。ただし粒は圧縮が効かないので、ディザリングした GIF のほうが大きくなります。2 つの粗は、同じ失われた情報が違う服を着たものです。

GIF が本当に大きさで勝つとき

1 つあります。GIF が作られた目的そのものの場合です。平らな数色と硬い輪郭でできた小さな絵。4 色の 32 ピクセルのアイコン、単純な図、白黒の記号。ここでは色の表は制限ですらありません。その絵はもともと数色しか持っていなかったからです。そして圧縮は、同じピクセルの続きを潰すという、まさに設計どおりの仕事を見つけます。

それでも PNG は数パーセントの差に付けていて、勝つことも多い。正直にまとめれば、GIF は何かに対して PNG より小さいわけではありません。作られた目的の絵については、たいして大きくならないだけです。

持っていけないもの

PNG はカラープロファイル、ガンマ値、テキストの欄を運べます。GIF が運ぶのは色の表と、あとはほとんど何もありません。その色をどう解釈すべきかについて PNG が知っていたことは落とされます。写真が、縞になるだけでなくどこか色味の違うものに見える理由が、もう 1 つここにあります。

デザインソフトから書き出したのなら、レイヤーはそもそも PNG にも入っていません。どちらも平らな 1 枚の絵で、構造が残っているのは書き出し元のファイルだけです。

まとめて変換する。時間がかかるのはどこか

好きなだけ置いて、結果を ZIP で受け取ってください。何もアップロードされないので、1 枚ごとの上限も、順番待ちも、アカウントもありません。

1 つだけ見ておくとよいのは、このページでいちばん遅い工程が減色だということです。色の表は画像ごとに計算されるので、大きい PNG が 100 枚あると、小さいものが 100 枚あるときよりはっきり時間がかかります。失敗するわけではありません。少し待つだけです。

PNG を GIF に変換する手順

  1. お手元の PNG ファイル をこのページに落とすか、押してファイルを選んでください。
  2. 変換先に GIF を選びます。変換はブラウザーの中で行われ、ファイルはアップロードされません。
  3. できあがった GIF ファイル をダウンロードします。

PNG と GIF——何が変わるか

PNGとGIFの比較
PNGGIF
正式名称Portable Network GraphicsGraphics Interchange Format
拡張子.png.gif
メディアタイプimage/pngimage/gif
圧縮方式可逆 — 何も捨てない可逆 — 何も捨てない
最初の公開19961987
発行元PNG Development GroupCompuServe
仕様ISO/IEC 15948GIF89a
ライセンスオープン標準オープン標準
現在の位置づけ現行旧式、ただし今もどこでも読める
ビット深度168
扱える色RGB, グレースケール, インデックスカラーインデックスカラー
最大の画像1辺 2,147,483,647 px1辺 65,535 px
ブラウザで開けるかすべてのブラウザすべてのブラウザ
代わりに検討される形式WebP, SVG, JXLWebP, MP4

失われるもの

GIF にはアルファチャンネルがありません。透明を含む PNG ファイル から出てくると、その部分は塗りつぶされています——指定がなければ白です——そして GIF 側のどの設定でも、その透明を取り戻すことはできません。

GIF が 1 枚の画像に持てる色は最大 256 色です。写真はここでパレットまで減らされ、空に縞が出るのはそのためです。これは品質の設定ではなく、形式そのものです。

PNG は 1 チャンネルあたり 16 ビットまで扱え、GIF に残るのは 8 ビットです。この余裕こそが、思い切った補正をかけてもトーンジャンプを出さずに耐えるぶんです。ですから変換は編集のあとに行ってください。先ではありません。

結果を開く

Adobe PhotoshopとGIMPは PNG と GIF のどちらも読めるので、別のプログラムを開かずに、結果を元のファイルと並べて確かめられます。

どちらの形式が何のためのものか

PNG は PNG Development Group の形式です(1996 年に登場)。 記録は 1 チャンネルあたり 16 ビットです。

GIF は CompuServe の形式で、1987 年から使われています。規定は GIF89a です。GIMP、Adobe Photoshop、ImageMagickがこの形式を読めます。

PNG から GIF:よくある質問

PNG ファイル はどこかにアップロードされますか。

いいえ。この変換は完全にブラウザーの中で行われるので、ファイルが端末から出ることはありません。ご自分で確かめられます。開発者ツールのネットワークタブを開いて、何か変換してみてください。ページそのものと、このサービスの費用をまかなっている分析・広告のリクエストは見えますが、あなたのファイルを運んでいるリクエストはひとつもありません。

PNG から GIF への変換は無料ですか。

はい。アカウントも透かしもなく、消費される 1 日の割り当てもありません。お使いの機械の上で動くので、何度でも戻ってきていただけます。ブラウザーが扱えるのは 100 MB までのファイルで、一度に 100 本です。

PNG を GIF に変換すると品質は落ちますか。

GIF は圧縮するので、データはいくらか失われます。初期設定では気づかない程度ですが、確実にしたい場合は品質を上げてください。 256 色まで減らされます。写真ではその差が目に見えます。透明だった部分は、そのまま残るのではなく背景色で塗りつぶされます。

PNG から GIF にすると、透明な背景は残りますか。

GIF にはアルファチャンネルがありません。透明を含む PNG ファイル から出てくると、その部分は塗りつぶされています——指定がなければ白です——そして GIF 側のどの設定でも、その透明を取り戻すことはできません。

GIF にすると写真に縞が出るのはなぜですか。

GIF が 1 枚の画像に持てる色は最大 256 色です。写真はここでパレットまで減らされ、空に縞が出るのはそのためです。これは品質の設定ではなく、形式そのものです。

PNG から GIF にすると、色深度は下がりますか。

PNG は 1 チャンネルあたり 16 ビットまで扱え、GIF に残るのは 8 ビットです。この余裕こそが、思い切った補正をかけてもトーンジャンプを出さずに耐えるぶんです。ですから変換は編集のあとに行ってください。先ではありません。

どちらが必要か決まっていませんか

このページは一方をもう一方に変換します。変換ではなく選ぶ段階なら、PNG vs GIFがどちらを何に使うべきか、それぞれ何が苦手かに答えます。

これらのフォーマットについて

この数値の出典

このページがPNGとGIFについて述べていることは検証できます。根拠となる資料は次のとおりです。