動画に画像・スクリーンショット・図解を追加

既存の動画に参考画面や透過PNGを重ね、画像ごとに位置、大きさ、不透明度を調整できます。端末内で確認してMP4に保存。無料・登録不要でサービスの透かしも入りません。

動画ファイル

サイズ制限なし。ファイルはこのブラウザ内に残ります。

画像レイヤー
動画プレビューで選択した画像を移動または拡大縮小できます。
動画をアップロードして画像を追加してください。

エンコード完了までこのタブを開いたままにしてください。

動画に画像を重ねる手順

ローカルの動画を1本開く

下に再生する動画を選び、サイズと長さの読み込みを待ちます。画像入りMP4は別ファイルになるので元動画も保管してください。

画像を1枚ずつ追加する

画像追加からファイルを選びます。もう1枚重ねたい場合は新しいレイヤーを追加します。選択中のレイヤーでファイルを選び直すと画像が置き換わります。

配置して再生確認する

画像を選び、位置、幅、高さ、不透明度を調整します。文字が読めるか、後から現れる動作や字幕に重ならないか再生して確認してください。

MP4を書き出して確認

各画像レイヤーにファイルが入っていることを確認して書き出します。ページを開いたまま待ち、保存結果の映像と音声を確認してください。変更後は再出力します。

画像で動画の説明を補う

複数の画像を同時に配置

スクリーンショット、図表、透過グラフィックを追加できます。画像ごとにレイヤーを作り、調整するものを選びます。

位置とサイズを調整

プレビューでドラッグ・サイズ変更するか、X・Y・幅・高さを入力します。画像は枠の中で縦横比を保ち、枠に合わせて引き伸ばされません。

不透明度を設定

10〜100%で調整できます。文字を読むスクリーンショットは見やすさを優先し、装飾の図形は必要に応じて薄くできます。

元動画の画面サイズを使用

読み取った動画の幅と高さで30 fpsのMP4を再エンコードします。同じサイズでも画質や元のフレームレートの維持は保証しません。

動画と静止画像の形式

MP4、MOV、WebM、M4Vの動画と、PNG、JPG、WebP、SVGの画像を試せます。実際の読み込みとMP4出力はブラウザとコーデックに依存します。

MP4MOVWebMM4VPNGJPGWebPSVG

操作説明に参考画面を表示し続ける

設定手順を説明する動画で、完成時の設定を常に見せたい場合を考えてみましょう。必要な項目だけを含むPNGのスクリーンショットを用意し、マウスやボタンを隠さない場所へ置きます。手順を最後まで再生し、後から開くダイアログに重ならないか確認してください。文字が小さすぎる場合は画像を大きくするか、情報を絞った画像を用意します。薄くして2つの画面の文字を重ねると、かえって読みにくくなることがあります。

透過グラフィックと四角い画面キャプチャ

背景付きスクリーンショットは下の動画を四角く覆い、透過画像は内容のある部分だけを重ねます。幅と高さで変えるのは配置枠で、画像は枠の中に縦横比を保って収まります。画像の切り抜きではありません。余白や背景を除く必要がある場合は先に素材を準備してください。このページには画像のクロップ、回転、背景削除はありません。

完成動画と元素材を残す

書き出した画像はMP4映像の一部になるため、プレーヤーで特定の画像だけをオフにはできません。後から直せるように元動画と画像も残します。ブランド名とロゴを組み合わせる場合は動画ウォーターマーク、ほかの処理は無料ツール一覧で確認できます。

動画への画像追加でよくある質問

画像追加と書き出しは無料ですか?

無料・アカウント不要で、DojoClipの透かしも追加しません。1本の既存動画に画像を重ねるツールです。

動画や画像はアップロードされますか?

この編集、プレビュー、出力はブラウザ内で行い、元動画や画像をDojoClipへ送信しません。保存済みプロジェクトではないので、ページを閉じたり再読み込みしたりする前に結果を保存してください。

2枚目を選ぶと1枚目が消えるのはなぜですか?

選択中のレイヤーでファイルを変更すると、その画像が置き換わります。同時に表示するには画像追加で別レイヤーを作り、それぞれの位置とサイズを設定してください。不要なレイヤーは削除できます。

透過PNGの透明部分は残りますか?

画像自体の透明部分は残り、下の動画が見えます。PNG、WebP、SVGに透明部分があることが必要です。JPGの白い背景は自動で消えず、出力MP4自体が透明動画になるわけでもありません。

数秒だけ表示したり、画像を自動で動かしたりできますか?

現在は各画像が動画全体に固定表示されます。開始・終了時間、フェード、追跡の設定はありません。画像を順番に並べるスライドショーや、2本目の動画を重ねる機能もありません。

画像が足りないというエラーが出る場合は?

レイヤー追加後にファイル選択をキャンセルすると、空のレイヤーが残ることがあります。画像を選ぶか空のレイヤーを削除してから書き出してください。出力は再エンコードした30 fpsのMP4です。音声と鮮明さを確認してください。

大きな動画も必ず処理できますか?

固定の入力容量・長さ制限はありませんが、メモリと読み込み・出力能力には限界があります。まず短い動画で試してください。プレビュー成功だけで書き出しや無劣化は保証できません。