無料GIF→APNG変換ツール
APNG(アニメーションPNG)は24ビットフルカラーと真のピクセル単位アルファ透過を実現——256色制限なし、ジャギーなし。ブラウザで即座に変換。
GIF をここにドロップまたはクリックして選択
ブラウザ内で変換 — アップロードなし
使い方
GIFファイルを選択またはドロップ
アップロードエリアをクリックまたはドラッグ&ドロップ。ブラウザ内で処理——サーバー送信なし。50MBまで。
FFmpegが全フレームを抽出・再エンコード
FFmpeg WebAssemblyがGIFフレームをデコード、RGBA生データに変換、DEFLATE圧縮のPNGフレームとして再エンコード。元のフレームタイミングでAPNGコンテナに組み立てます。
.apngファイルをダウンロード
出力は標準のAnimated PNG。HTMLのimgタグに直接配置可能——JavaScript不要、特別な属性不要。モダンブラウザが自動検出して再生します。
サイトやアプリに埋め込む
<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をネイティブ再生。プラグイン不要。
フォーマット比較
| 特徴 | GIF | APNG |
|---|---|---|
| 色深度 | 256色(8ビット) | 1670万色(24ビットRGB) |
| 透過 | 二値(オン/オフ) | 8ビットアルファ(0〜255段階) |
| 圧縮 | LZW(可逆、フレーム単位) | DEFLATE(可逆、フレーム単位) |
| ブラウザ対応 | IE含む全ブラウザ | モダンブラウザ全て |
| メール対応 | 広い——メールアニメーションに最適 | 限定的——多くは最初のフレームのみ表示 |
| 埋め込み方法 | <img>タグ | <img>タグ(同一の使い方) |
| 一般的なサイズ | シンプルなフラット画像は小さい | 大きい——フルカラーデータを格納 |
| 最適な用途 | メッセージング、メール、GitHub、Slack | UIアニメーション、ステッカー、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と同じ速度で再生されます。
