無料GIF to APNGコンバーター

APNG(アニメーションPNG)は24ビットフルカラーと真のアルファ透明度をサポート — GIFの256色インデックスパレットより大幅に優れています。ブラウザで即座に、無料で変換。

100%プライベートアップロード不要無料
GIF to APNG ConverterFREE
ブラウザ処理・アップロードなし

GIFをここにドロップするか、クリックして選択

ブラウザ内で変換 — アップロードなし

使い方

1

GIFファイルをアップロード

アップロードエリアをクリックするか、.gifファイルをコンバーターにドラッグしてください。ファイルはブラウザ内で完全に処理されます — どのサーバーにもアップロードされません。最大50 MBのGIFファイルに対応しています。

2

コンバーターがすべてのフレームを抽出して再エンコード

FFmpeg WebAssemblyがGIFフレームシーケンスを読み取り、各フレームを生の画像として抽出し、24ビット完全色深度と8ビットアルファ透明度を持つPNGフレームとして再エンコードします。フレームは元のフレームタイミングを保持したAPNGコンテナに組み立てられます。

3

.apngファイルをダウンロード

出力ファイルは.apng拡張子を持ち、標準の<img>タグで使用されると現代のブラウザが自動的にアニメーション表示する有効なアニメーションPNGです。JavaScriptも特殊な埋め込みコードも不要 — ただの通常の画像タグです。

4

ウェブサイトやアプリに埋め込む

任意の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をアニメーション表示。

フォーマット比較

機能GIFAPNG
色深度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はパレット量子化の損失なく正確なピクセルカラーを保存します。

よくある質問

APNGは元のGIFより大きくなりますか?
通常はそうです。APNGはインデックス化された256色パレットではなく、フレームごとに24ビットカラーデータを保存するためです。サイズの違いはコンテンツによって大きく異なります。16色のシンプルなGIFは同様のサイズのAPNGを生成する場合がありますが、重いディザリングを持つ複雑なGIFは3〜5倍大きなAPNGを生成する場合があります。シンプルなアイコンアニメーションの場合、DEFLATE圧縮により元のGIFより小さいAPNGが生成されることもあります。特定のコンテンツで両方を計測してください。
GIFをAPNGに変換すると元の色が復元されますか?
いいえ。GIFをAPNGに変換するとフォーマットのコンテナと色深度がアップグレードされますが、GIFが最初に作成されたときに破棄された色情報は復元されません。ソースアニメーションが作成時に256色に削減されたため色のバンディングがあった場合、同じバンディングされたピクセルがAPNGに保存されます。APNG変換の利点は、さらなる品質劣化なしに現在のピクセルデータを保持し、品質を失わずに将来の編集を可能にすることです。
メールマーケティングキャンペーンでAPNGを使用できますか?
メールクライアントでのAPNGアニメーションサポートは一貫性がなく信頼性がありません。macOSおよびiOSのApple MailはAPNGをアニメーション表示します。Gmail、Windows版Outlook、ほとんどのビジネスメールクライアントはアニメーション表示しません — 最初のフレームを静的画像として表示するだけです。アニメーションメールコンテンツには、GIFが依然として正しい選択です。レンダリング環境を制御できるウェブページやアプリインターフェースにAPNGを使用してください。
ウェブサイトにAPNGを埋め込む方法は?
標準のHTML画像タグを使用してください:<img src="animation.apng" alt="アニメーションの説明" width="400" height="300">。JavaScript、特殊な属性、CSSは不要です。ブラウザがAPNGフォーマットを検出し、自動的にアニメーション表示します。CSSバックグラウンドとして参照することもできます:background-image: url('animation.apng'); これはChrome、Firefox、Safari、Edgeでアニメーション表示されます。
APNGはアニメーションコンテンツのWebPより優れていますか?
アニメーションWebP(AWEBP)とAPNGは、どちらもフルカラーサポートを持つGIFの現代的な代替です。WebPはより高度な圧縮(VP8から派生)のおかげで一般的に小さいファイルサイズを実現します。APNGはよく確立されたPNGエコシステムを使用するという利点があります — PNGツール、エディタ、CDNはAPNGを確実に処理します。ファイルサイズが重要なウェブファーストのユースケースでは、可能な限り小さいファイルのためにGIF to MP4またはGIF to WebMを試してください。

試してみますか?

上にスクロールしてファイルをドロップして始めましょう。

全ツールを見る