無料GIF to APNGコンバーター
APNG(アニメーションPNG)は24ビットフルカラーと真のアルファ透明度をサポート — GIFの256色インデックスパレットより大幅に優れています。ブラウザで即座に、無料で変換。
GIFをここにドロップするか、クリックして選択
ブラウザ内で変換 — アップロードなし
使い方
GIFファイルをアップロード
アップロードエリアをクリックするか、.gifファイルをコンバーターにドラッグしてください。ファイルはブラウザ内で完全に処理されます — どのサーバーにもアップロードされません。最大50 MBのGIFファイルに対応しています。
コンバーターがすべてのフレームを抽出して再エンコード
FFmpeg WebAssemblyがGIFフレームシーケンスを読み取り、各フレームを生の画像として抽出し、24ビット完全色深度と8ビットアルファ透明度を持つPNGフレームとして再エンコードします。フレームは元のフレームタイミングを保持したAPNGコンテナに組み立てられます。
.apngファイルをダウンロード
出力ファイルは.apng拡張子を持ち、標準の<img>タグで使用されると現代のブラウザが自動的にアニメーション表示する有効なアニメーションPNGです。JavaScriptも特殊な埋め込みコードも不要 — ただの通常の画像タグです。
ウェブサイトやアプリに埋め込む
任意のHTMLページで<img src="animation.apng" alt="description">を使用してください。Chrome、Firefox、Safari、EdgeはすべてネイティブでAPNGをアニメーション表示します。CSSのbackground-imageとして使用することもでき、サポートされているすべてのブラウザでアニメーション表示されます。
APNGがGIFより優れている理由
GIFは1987年に作成されましたが、根本的な制約を持ったままです:アニメーションの各フレームには最大256色しか含められず、画像コンテンツから導出されたパレットから選択されます。複雑な色コンテンツを持つ画像 — 写真、滑らかなグラデーション、柔らかい影、アンチエイリアスされたテキスト、肌のトーン — では、この制限により目に見える色のバンディングとディザリングアーティファクトが生じます。GIFはこの制限を約40年間抱え続けており、フォーマット仕様内で色深度を増やす方法はありません。
APNG(アニメーションポータブルネットワークグラフィックス)は2004年にPNG仕様の拡張として提案され、現在はすべての主要ブラウザでサポートされています。各アニメーションフレームを完全なPNG画像として保存するため、各フレームは24ビットRGBカラー(1670万色)と独立した8ビットアルファチャンネルを持ちます。8ビットアルファチャンネルは現代のUI作業において重要な違いです:ピクセルごとに256レベルの透明度をサポートし、滑らかな半透明エッジ、ドロップシャドウ、ぼかしたハロー、角の丸みのアンチエイリアスを可能にします。GIFの透明度は二値です — ピクセルは完全に透明か完全に不透明かのどちらかで、中間値はありません。
ウェブおよびアプリUIデザイナーにとって、APNGはGIFでは対応できないアニメーションのユースケースを解放します:滑らかなフェード効果を持つローディングスピナー、通知バッジのパルスアニメーション、半透明のドロップシャドウを持つステッカーコンテンツ、滑らかなグラデーション遷移を持つブランドマイクロアニメーション。洗練されたUIでGIFのギザギザのエッジや色のバンディングが目立つ場所では、APNGが正しいフォーマットです。
UIアニメーションとローディング状態:ローディングスピナー、スケルトンローダー、プログレスアニメーション、トランジション効果はすべてAPNGのフルアルファチャンネルの恩恵を受けます。滑らかなフェードアウトハロー効果を持つスピナーはAPNGとして洗練されて見え、GIFとして粗く見えます。
ステッカーと絵文字スタイルコンテンツ:Apple iMessageステッカーと多くのメッセージアプリのステッカーパックは、アニメーションステッカーコンテンツにAPNGを使用しています。フルアルファチャンネルにより、ステッカーは滑らかなアウトラインを持ち、GIFの二値透明度では不可能な、あらゆるチャット背景色に対して自然にブレンドされます。
ブランドマイクロアニメーション:ロゴアニメーション、アイコントランジション、ブランドモーショングラフィックスは完全な色忠実度を必要とします。微妙なグラデーションスイープや色のグロー効果を持つロゴは、GIFの256色パレットに強制されると洗練さを失います。APNGは元のデザインの正確な色値を保持します。
APNGを使わない場合:APNGはメール(ほとんどのクライアントがアニメーション表示しない)には適していません。ソーシャルビデオプラットフォームでは受け入れられません(MP4を使用)。GIPHYやTenorのようなプラットフォームのGIF検索インデックスには表示されません(その配布にはGIFを使用)。APNGはウェブおよびアプリフォーマットであり、ソーシャル共有フォーマットではありません。
主な機能
24ビットフルカラー
フレームごとに1670万色 — 256色パレット制限なし、バンディングやディザリングなし。
真のアルファ透明度
滑らかなエッジ、影、アンチエイリアスのためのピクセルごと256レベルの透明度。
100%プライベート
GIFはアップロードされません。すべての変換はWebAssembly経由でブラウザで実行されます。
標準<img>埋め込み
HTMLでGIFとまったく同じようにAPNGを使用 — JavaScriptも特殊な属性も不要。
iMessageステッカー対応
APNGはApple iMessageアニメーションステッカーのネイティブフォーマットです。
すべての現代ブラウザ対応
Chrome、Firefox、Safari、Edgeはすべて2017年以降ネイティブでAPNGをアニメーション表示。
フォーマット比較
| 機能 | GIF | APNG |
|---|---|---|
| 色深度 | 256色(8ビットインデックス) | 1670万色(24ビットRGB) |
| 透明度 | 二値(オン/オフのみ) | フル8ビットアルファ(0〜255レベル) |
| 圧縮 | LZW(ロスレス、フレームごと) | DEFLATE(ロスレス、フレームごと) |
| ブラウザサポート | すべてのブラウザ(IE6+) | すべての現代ブラウザ(Chrome、Firefox、Safari、Edge) |
| メールクライアントサポート | 広範(メールに最適) | 限定的(Gmail/Outlookではアニメーション不可) |
| 埋め込み方法 | <img>タグ | <img>タグ(同じ) |
| 典型的なファイルサイズ | 小さい(シンプルなグラフィックに対して) | 大きい(フレームごとのフルカラーデータ) |
| 最適用途 | SNS共有、メール、メッセージング | UIアニメーション、ステッカー、ウェブデザイン |
技術的な詳細
APNGはPNG仕様を3つの新しいチャンクタイプで拡張します:acTL(アニメーション制御チャンク、フレーム数とループ数を含む)、fcTL(フレーム制御チャンク、フレームごとに1つ、フレームのサイズ、位置、タイミング、廃棄/ブレンドモードを含む)、fdAT(フレームデータチャンク、各フレームの圧縮されたPNG画像データを含む)。最初のフレームのデータは標準のIDATチャンクに保存されるため、APNGを理解しないPNGデコーダーは最初のフレームを静的画像として表示します — 完全な後方互換性。
fcTLのブレンドモードは特に重要です:APNGは2つのブレンド操作をサポートします — APNG_BLEND_OP_SOURCE(フレームデータでキャンバス全体を置き換え)とAPNG_BLEND_OP_OVER(前のキャンバス上にフレームをアルファ合成)。これにより、半透明フレームが背景上に合成されるAPNGアニメーションが可能になり、GIFでは不可能な効果を生み出します。FFmpegはGIFから変換する際にSOURCEブレンドモードを使用し、元のアニメーション動作を保持します。
変換にはFFmpegのapngマクサーを使用します。各GIFフレームは生のRGBAピクセルバッファにデコードされ、deflate圧縮されたPNGフレームチャンクとしてエンコードされます。GIFのLZW圧縮と比較して、PNGのDEFLATEは異なる圧縮を行います — 大きな均一な領域を持つ画像に対してより優れ、高度にディザリングされたコンテンツに対しては時々大きくなります。主な利点は圧縮比ではなく色の忠実度です:APNGはパレット量子化の損失なく正確なピクセルカラーを保存します。
