アニメーションの書き出し形式の選び方｜MP4・WebM・GIF・PNG連番の違い

書き出し形式は「画質の順位」ではなく用途で選ぶ

MP4、WebM、GIF、PNG連番は、同じアニメーションを保存する形式でも役割が違います。単純に「MP4が高画質」「PNGが高品質」と並べると判断を誤ります。

最初に決めるのは、そのデータをそのまま見るのか、透明背景のまま別の映像へ重ねるのか、あとで再編集するのかです。

EXPORT DECISION そのまま再生・共有したい → MP4\n透明背景の動画が必要 → WebM\n短いループを軽く見せたい → GIF\n1コマずつ再利用・再編集したい → PNG連番 ZIP

Character Motion Studioでは現在、この4形式をアニメーション編集画面の「書き出し」から選択できます。

現行Character Motion Studioの4形式

形式	現行の書き出し	透明背景	向いている用途
MP4	H.264 / yuv420p	保持しない	SNS、一般的な動画共有、再生互換性を優先
WebM	VP9 / yuva420p	保持できる	透過動画、Web上での合成
GIF	アニメーションGIF	1bit透明	短いループ、簡易プレビュー
PNG連番 ZIP	各フレームをPNGとしてZIP化	保持できる	再編集、ゲーム素材、別ソフトへの受け渡し

「透過できる」の意味も形式ごとに違う

WebMとPNGは半透明のアルファを保持できます。一方GIFの透明は、PNGのような8bitアルファをそのまま持つ仕組みではありません。MP4/H.264は現在の書き出しではアルファを保持しません。

MP4は共有しやすいが透明を保持できない

Character Motion StudioのMP4は、H.264でエンコードし、ピクセル形式はyuv420pを使っています。スマホ、ブラウザ、SNSなどへ渡しやすい互換性重視の形式です。

ただし、現行のMP4書き出しは透明背景を保持できません。透明または半透明の画素がある場合、Character Motion Studioはエンコード前にRGBA画像を黒いマットへ明示的に合成してからRGB動画へ変換します。

「白背景（透過）」を選んでも、MP4の白背景を意味しない

「白背景（透過）」「黒背景（透過）」は輪郭確認用の表示です。MP4へ白背景を実際に焼き込みたい場合は、背景モードを「背景あり」にして白を指定してから書き出します。

透過が不要で、完成動画をそのまま投稿・共有するならMP4が最も分かりやすい選択です。逆に、あとから別の背景へ重ねる予定があるなら、最初からWebMかPNG連番を選ぶ方が素材として扱いやすくなります。

MP4で透明が消える処理をAlpha・黒マット・WebM・GIFまで分解して確認したい場合は「透過動画はなぜMP4で透明にならない？」で詳しく整理しています。

WebMは透過動画を書き出せる

現行のWebM書き出しはVP9とyuva420pを使います。RGBAでレンダリングしたフレームのアルファを動画側へ持たせるため、キャラクターだけを動かした透過動画として扱えます。

「背景なしのキャラクター動画をWeb上で重ねたい」「別の映像編集工程へ渡したい」といった用途では、MP4よりWebMの方が目的に合います。

一方、相手側のアプリや投稿先がWebMを受け付けるかは別問題です。透過を残せることと、どこでも再生できることは同じではありません。最終投稿先がMP4しか受け付けない場合は、編集工程ではWebMやPNG連番を保持し、最後に背景を合成してMP4へ変換する流れが安全です。

GIFの透明は半透明アルファとは違う

GIFは短いループを手軽に表示できますが、透明表現には制約があります。PNGやWebMのように各画素へ連続的なアルファ値をそのまま保持するのではなく、基本的には「見える／透明」の二値に近い扱いです。

Character Motion Studioでは、半透明エッジをそのまま単純に切り捨てるのではなく、4×4のディザパターンを使って透明・不透明の分布へ変換し、細い輪郭が極端に欠けにくいようにしています。ただし、これは8bitアルファが残っているわけではありません。

GIFで輪郭が少しザラつくのは形式側の制約もある

特にアンチエイリアスされた細線、半透明の影、ぼかし、髪のような薄いエッジでは、PNGやWebMと同じ見え方にはなりません。

PNG連番ZIPは再編集しやすい

PNG連番ZIPでは、レンダリングした各フレームをPNGのまままとめます。動画として一本に圧縮しないため、各コマを直接開いて確認・修正・差し替えできます。

透過素材、ゲーム用スプライト、別の動画編集ソフトへの受け渡し、コマ単位の修正には特に向いています。動画プレイヤーへそのまま投げて再生する形式ではない代わりに、「各フレームを素材として残す」ことに強い形式です。

連番で位置が跳ねる場合は、書き出し形式より前にキャンバスサイズ・透明余白・基準位置を確認します。詳しくは「PNG連番の作り方｜サイズ・透明余白・基準点を揃える」で整理しています。

背景表示と実際の書き出し背景を分ける

Character Motion Studioの背景モードは、現在4種類です。

背景モード	編集画面	レンダリング
透明	市松模様	透明のまま
白背景（透過）	白で確認	透明のまま
黒背景（透過）	黒で確認	透明のまま
背景あり	指定色	指定色を実際に合成

白背景（透過）と黒背景（透過）は、白フチ・黒フチ・線の欠けを確認するためのプレビューです。画像へ白や黒を焼き込む設定ではありません。

この違いは背景透過の仕組みと透過PNGの白フチ・位置ズレを理解すると判断しやすくなります。

FPS・サイズ・書き出し時間も形式と一緒に決める

現行のアニメーション編集画面では、FPSを6〜30fpsの範囲で設定できます。書き出しサイズは現在のキャンバスに加えて、LINEスタンプ、SNS正方形、Instagram 4:5、Story / Reels 9:16、16:9横動画などのプリセットとカスタムサイズを選べます。

カスタム入力自体は64〜4096pxですが、実際に許可される最大フレーム数・最大辺は利用プラン側の上限でも制御されます。上限を超える場合は、書き出し前にフレーム数や解像度を下げる必要があります。

通常動画モードでは、最後に表示されるアイテムバーの終了位置から書き出し時間を自動判定し、必要なら最終時間を手動指定できます。コマ送りモードでは、各コマの表示時間とFPSから必要枚数へ展開して書き出します。

FPSを上げると「画質」が上がるわけではない

FPSは1秒あたりの時間サンプル数です。動きは細かくなりますが、同じ秒数なら処理するフレーム数も増えます。書き出し形式だけでなく、作品の動き方と用途から決めます。

FPSを6・12・24・30fpsの時間間隔、コマ時間、補間、書き出しフレーム数まで分けて確認したい場合は「アニメーションは何fpsがいい？」で整理しています。出力サイズと画面比率は「アニメーションの出力サイズはどう決める？」で、現行プリセットと最大辺の関係まで確認できます。コマ送りとキーフレームの違いは「コマ送りアニメーションとは？キーフレームとの違い」で確認できます。

APNG・Animated WebP・MOVは現行の直接書き出し対象ではない

透過アニメーションの話ではAPNG、Animated WebP、MOVなども候補に出ます。ただし、現在のCharacter Motion Studioの書き出しUIから直接選べるのはMP4、WebM、GIF、PNG連番ZIPの4形式です。

一般論として存在する形式と、現在アプリから実際に生成できる形式を混同しないことが重要です。必要な場合はPNG連番やWebMを中間素材として書き出し、対応ソフト側で別形式へ変換します。

.charamoは動画形式ではない

Character Motion Studioには、通常の動画書き出しとは別にCharaMō Companion向けの.charamoパッケージ書き出しもあります。

これはMP4やWebMの代替ではありません。表示中の各レイヤーを独立PNGとして格納し、既存のボーン情報やCompanion用の設定をmanifestへ保持して、端末側でキャラクターを再生するためのパッケージです。

完成映像と再生可能なキャラクターデータは別物

MP4・WebM・GIF・PNG連番は「見た目をフレームとして書き出す」系統です。.charamoはレイヤーや動作情報を端末側へ渡すための別系統です。

用途別の選び方

やりたいこと	第一候補	理由
SNSへ完成動画を投稿する	MP4	そのまま再生・共有しやすい
透明背景の動画をWebで重ねる	WebM	現行実装でアルファを保持できる
短いループを簡易表示する	GIF	扱いやすいが透明・色表現には制約がある
後から1コマずつ修正する	PNG連番 ZIP	各フレームを独立素材として保持できる
透過素材を別ソフトで動画化する	PNG連番 ZIP / WebM	アルファを残した中間素材にできる
Companionでキャラクターとして再生する	.charamo	動画ではなくレイヤー・動作情報を渡す