UltKit

PNGをMP4に変換

プレゼンのスライドやロゴ、スクリーンショットはPNGで保存されていることが多く、動画できれいに見せるには少し工夫が必要です。元のサイズのままMP4に変換し、透明部分は好きな色で塗りつぶせます。

音声を動画に変換

またはMP3, M4A, WAV … ファイルをここにドロップ ·

1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除

出力

ファイルは当社のサーバーで処理され、30分後に削除されます。

このツールの使い方

  1. 1

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

    PNG画像を1枚、またはバッチで最大20枚追加します。PowerPointやKeynoteから書き出したスライドなどが使えます。ナレーションやBGMが必要な場合は、音声ファイルも追加してください。

  2. 2

    サイズと背景色を確認

    動画サイズは「画像と同じ」、画像の合わせ方は「全体を収める」に設定されています。詳細設定の背景色は白です。ロゴや暗い色のスライドに合わせて変更できます。

  3. 3

    MP4に変換

    MP4に変換を押します。各スライドは5秒間表示され、切り替えは直接のカットです。ファイルは30分後にサーバーから削除されます。

PNGをMP4に変換する理由

PNGは、GIFに代わる特許フリーの形式として、1996年にW3C勧告となりました。劣化のない可逆圧縮で完全な透過に対応しているため、スクリーンショット、画面デザインのモックアップ、ロゴ、PowerPoint・Keynote・Googleスライドから書き出したスライドに最適です。

こうした画像を動かしたい場面はよくあります。スライド資料はLMSやYouTube向けのナレーション付き講義に、ロゴは広告のエンドカードに、アプリのスクリーンショットはストアのプレビューになります。学習プラットフォーム、SNS、デジタルサイネージのプレーヤーが受け付けるのは、PNGのフォルダではなくMP4です。

PNGの素材は通常、正確なサイズで作られているため、このページでは動画サイズを「画像と同じ」にしてそのサイズを維持します。1920 × 1080のスライドは、拡大縮小なしで1920 × 1080の動画になります。グラフィックではなくスマホで撮った写真の場合は、カメラ写真に合った設定から始められるJPGをMP4に変換をご利用ください。

動くグラフィックのPNG・GIF・MP4比較

PNGGIFMP4
透明部分yesyesno
形式自体でのアニメーションnoyesyes
音声トラックnonoyes
リール、ショート、TikTokとして投稿可能nonoyes
色数数百万色1フレームあたり256色数百万色
公開されている標準規格199619872003

PNGのスライドやロゴからきれいな動画を作るコツ

推奨非推奨
背景色をロゴの背後の色に設定する透明な動画を他の映像に重ねられると期待する
フルHD動画にするため、スライドは1920 × 1080で書き出す「画像と同じ」のまま、異なるサイズのスライドを1つのバッチに混ぜる
順番を固定するため、ファイル名を01.png、02.pngのように連番にする色付きの背景に細い色付きの文字を置く
読む時間に合った1枚あたりの秒数を使う512 pxのアイコンを全画面の動画に使う

PNG

Portable Network Graphics

PNG は、1996年に PNG Development Group が公開し、のちに W3C と ISO が標準化した可逆のラスター形式です。すべてのピクセルを正確に保持し、完全なアルファ透明に対応し、文字、シャープな輪郭、単色の面をノイズなく扱えます。この正確さから、スクリーンショット、ロゴ、アイコン、UI グラフィックに最適です。代償はサイズで、PNG で保存した写真は、同じ写真の JPEG や WebP の数倍になることがよくあります。すべてのブラウザ、OS、編集ソフトで PNG を開けます。

圧縮方式
可逆
透過
対応
アニメーション
非対応
登場時期
1996 · PNG Development Group
PNG 変換

MP4

MPEG-4ビデオ

MP4(MPEG-4 Part 14)は、ISO/MPEGが標準化し、AppleのQuickTime形式をベースにしたマルチメディアコンテナです。通常はH.264またはHEVCのビデオとAAC音声を含み、字幕、チャプター、メタデータも格納できます。スマートフォン、ブラウザ、テレビ、ゲーム機、SNSで再生でき、世界で最も互換性の高いビデオ形式です。中のビデオはほとんどの場合非可逆なので、再エンコードを繰り返すと少しずつ画質が落ちます。

圧縮方式
非可逆
透過
–
アニメーション
–
登場時期
2001 · Moving Picture Experts Group (MPEG)
MP4 変換

PNGからMP4への変換は、動画として再生したいスライド、スクリーンショット、ロゴ素材に向いています。透明部分は単色に合成され、劣化のないピクセルが動画プレーヤーで表示できるフレームになります。

MP4動画でのPNGの透過

PNGのピクセルには、透け具合を示す4つ目の値としてアルファがあります。H.264動画に保存されるのは明るさと色だけなので、ぼかしたドロップシャドウやアンチエイリアスのかかった縁は、何か単色のものと合成する必要があります。その単色が背景色です。スライドやブランド、動画を置くシーンの色を選べば、縁が自然になじみます。

スライドのサイズがばらばらの場合は、動画サイズを1920 × 1080などに固定し、画像の合わせ方を「全体を収める」にします。小さい画像は背景の中央に配置され、動画の途中でフレームが変わることはありません。ここへ来る前に、静止画形式を使い分ける目安を知りたい方は、JPG、JPEG、PNGの比較をご覧ください。

PNGからMP4への変換に関するよくある質問

MP4でPNGの透過は保持されますか?

いいえ。MP4のH.264動画にはアルファチャンネルがないため、すべてのピクセルが単色である必要があります。透明部分や半透明部分は、設定した背景色(このページの初期値は白)と合成されます。

PNGで保存したPowerPointのスライドから動画を作るには?

PowerPointではファイル、エクスポートの順に選び、すべてのスライドをPNGで書き出します。Keynoteでは書き出す、画像から同様に書き出せます。連番のPNGをアップロードし、1枚あたりの秒数をスライドごとに表示したい時間に設定します。ナレーションの録音があれば、あわせて追加してください。

奇数サイズのスクリーンショットが1ピクセル変わったのはなぜですか?

標準的なH.264動画では、色情報が縦横とも半分の解像度で保存されるため、幅と高さは偶数でなければなりません。1081 × 721ピクセルのスクリーンショットは、縦横それぞれ1ピクセル調整されますが、実際には見た目に影響しません。

動画で色付きの小さな文字がぼやけるのはなぜですか?

動画の圧縮では、明るさは元の解像度で保持されますが、色は4分の1の解像度になります。そのため、白地に黒の文字よりも、細い赤や青の線のほうがぼやけやすくなります。色付きの文字は大きめにするか、明るい背景に暗い文字のスライドを使ってください。

PNGフレームで作ったロゴアニメーションはMP4とGIFのどちらが向いていますか?

MP4はファイルサイズがはるかに小さく、256色の制限もないため、グラデーションが滑らかに保たれます。メールの署名など、動画が自動再生されない場所ではGIFのほうが向いています。その場合はPNGをGIFに変換でアニメーションを作成できます。