無料GIF→APNG変換ツール

APNG(アニメーションPNG)は24ビットフルカラーと真のピクセル単位アルファ透過を実現——256色制限なし、ジャギーなし。ブラウザで即座に変換。

100% PrivateNo UploadFree
GIF → APNG無料
ブラウザ処理 • アップロード不要

GIF をここにドロップまたはクリックして選択

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

使い方

1

GIFファイルを選択またはドロップ

アップロードエリアをクリックまたはドラッグ&ドロップ。ブラウザ内で処理——サーバー送信なし。50MBまで。

2

FFmpegが全フレームを抽出・再エンコード

FFmpeg WebAssemblyがGIFフレームをデコード、RGBA生データに変換、DEFLATE圧縮のPNGフレームとして再エンコード。元のフレームタイミングでAPNGコンテナに組み立てます。

3

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

出力は標準のAnimated PNG。HTMLのimgタグに直接配置可能——JavaScript不要、特別な属性不要。モダンブラウザが自動検出して再生します。

4

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

<img src="animation.apng" alt="説明"> でHTML内に配置。Chrome、Firefox、Safari、Edgeすべてでネイティブ再生。CSSのbackground-imageとしても使用可能。

APNGがGIFより優れている理由

GIFは各フレームを8ビットインデックスカラー画像としてエンコードし、最大256色のパレットで近似します。256色を超えるフレームでは最も近いパレット色で代用され、ブロック状のカラーバンディングが発生します。この256色制限はGIF仕様に組み込まれており、回避不可能です。

APNG(Animated PNG)はこの制限を完全に撤廃します。各フレームが完全なPNG画像として格納され、24ビットRGBカラー(1670万色)と独立した8ビットアルファチャンネル(ピクセルあたり256段階の透過度)を持ちます。色データは正確で、パレット構築も色の置換も発生しません。

アルファチャンネルの差異も現代のデザインにとって重要です。GIFの透過は二値的——完全に不透明か完全に透明かの二択。APNGの8ビットアルファは0〜255のすべての透過レベルを表現でき、滑らかな半透明エッジ、ソフトなドロップシャドウ、アンチエイリアスされた角丸を実現します。

UIアニメーション:スケルトンローダー、スピナー、バッジのパルス効果はAPNGのアルファチャンネルの恩恵を受けます。ソフトなフェードグローを持つスピナーはAPNGでは洗練され、GIFでは粗く見えます。

ステッカー:APNGはApple iMessageアニメーションステッカーのネイティブ形式です。フルアルファでチャット背景に対してスムーズに融合します。

ブランドモーショングラフィックス:グラデーションやグローを含むロゴアニメーションやアイコンは、GIFの256色では品質が落ちますが、APNGは設計ソースの正確な色値を保持します。

APNGが不向きな場面:多くのメールクライアントではAPNGは再生されません。SNS動画プラットフォームでも受け付けられません(MP4を使用)。チャットやGitHubなどではGIFが最も広いインライン自動再生対応を持ちます。APNGはWebページ、Webアプリ、ネイティブアプリUIに最適です。

主な機能

🎨

24ビットフルカラー

1670万色。パレット構築なし、色の置換なし。ピクセルレベルの忠実度。

真のピクセル単位アルファ透過

ピクセルあたり256段階の透過で、滑らかなエッジ、ドロップシャドウ、アンチエイリアスされた輪郭を実現。

🔒

完全プライベート

GIFはサーバーに送信されません。FFmpeg WebAssemblyがブラウザ内で変換を完結。

🖼️

標準imgタグで埋め込み

APNGはGIFと全く同じようにHTMLで使用。JavaScript不要、CSS不要、ラッパー不要。

📱

iMessageステッカー対応

APNGはApple iMessageのネイティブアニメーションステッカー形式。どのチャット背景でも滑らかなエッジ。

🌐

全モダンブラウザ対応

Chrome、Firefox、Safari、Edgeが2017年からAPNGをネイティブ再生。プラグイン不要。

フォーマット比較

特徴GIFAPNG
色深度256色(8ビット)1670万色(24ビットRGB)
透過二値(オン/オフ)8ビットアルファ(0〜255段階)
圧縮LZW(可逆、フレーム単位)DEFLATE(可逆、フレーム単位)
ブラウザ対応IE含む全ブラウザモダンブラウザ全て
メール対応広い——メールアニメーションに最適限定的——多くは最初のフレームのみ表示
埋め込み方法<img>タグ<img>タグ(同一の使い方)
一般的なサイズシンプルなフラット画像は小さい大きい——フルカラーデータを格納
最適な用途メッセージング、メール、GitHub、SlackUIアニメーション、ステッカー、Webデザイン、アプリUI

技術詳細

APNGはPNGバイナリ形式を3種の追加チャンクタイプで拡張します。acTLチャンク(アニメーションコントロール)がフレーム数とループ数を指定。各フレーム前に fcTLチャンク(フレームコントロール)がピクセルサイズ、位置オフセット、表示時間、破棄・ブレンドモードを格納。最初のフレーム以降のデータは fdATチャンクに格納されます。最初のフレームは標準の IDATチャンクに格納されるため、APNGを理解しないPNGデコーダでも最初のフレームが静止PNGとして表示されます。

FFmpegの apng マルチプレクサがAPNG組み立てを処理。各GIFフレームをRGBA生データに変換後、DEFLATE圧縮のPNGフレームとしてエンコード。ブレンドモードは APNG_BLEND_OP_SOURCE で、元GIFの動作と一致。元のフレームタイミングを保持するため、出力APNGは元GIFと同じ速度で再生されます。

よくある質問

APNGファイルは元のGIFより大きくなりますか?
通常はい。APNGはフレームごとに24ビットカラーとアルファチャンネルを格納するため。複雑なGIFでは2〜4倍になることも。ただしフラットカラーの単純なGIFではDEFLATE圧縮がLZWより効率的で、近い・小さいAPNGが生成される場合もあります。
GIF→APNG変換で元の24ビットカラーは復元されますか?
いいえ。APNG変換は形式の色容量をアップグレードしますが、GIF作成時に失われた色情報は復元できません。カラーバンディングはそのまま保持されます。価値は、既存のピクセルデータがさらなる劣化なく保存されることです。
メールマガジンでAPNGは使えますか?
APNGのメール内アニメーション対応は不安定です。Apple MailはAPNGを正しく再生しますが、Gmail、Windows版Outlook、多くの企業メールクライアントは最初のフレームのみ表示します。メール内アニメーションにはGIFが唯一のクロスクライアント対応形式です。
WebサイトにAPNGを埋め込むには?
標準HTMLイメージタグ <img src="animation.apng" alt="説明"> で配置。JavaScript不要。ブラウザがファイルヘッダからAPNGを検出し自動再生します。CSS background-imageとしても使用可能。
APNGとアニメーションWebPはどちらが良いですか?
どちらも24ビットカラーとフルアルファ透過対応でGIFからの大幅なアップグレードです。WebPはVP8由来のロッシー圧縮で一般に小さいファイルサイズ。APNGはPNG圧縮エコシステム(DEFLATE)で既存ツールとの統合性が高い。最小ファイルサイズならWebMまたはMP4変換が優れます。
変換中にGIFはアップロードされますか?
いいえ。ファイルはデバイスに留まります。FFmpeg WebAssemblyでブラウザ内処理。ネットワークリクエストは一切発生しません。

試してみませんか?

上にスクロールしてファイルをドロップするだけで始められます。

すべてのツールを見る