チャット風画像メーカー Chat Image Maker
チャット風画像メーカーは、名前・アイコン・会話を入力するだけで架空のトーク画面をPNG画像で作れる無料ツールです。メッセージが1件ずつ出てくる動画(MP4)としても書き出せます。配色・サイズ・時刻・既読を選べて、すべて端末の中だけで作られ、送信されません。
相手の名前
相手のアイコン
画像を選ばない場合は、名前の1文字目を丸の中に描きます。画像は端末の中だけで処理され、送信されません。
配色
画像の幅
表示
会話を書く
行の頭に
行末に
自分: と書くと右側(自分の発言)、相手: または何も付けないと左側になります。行末に
@9:30 のように書くと、その発言の時刻になります。---9月10日--- のように前後をハイフン3つで囲むと、日付の区切りになります。
画像(PNG)
動画(メッセージが1件ずつ出てくる)
画面の形
出てくる間隔
演出
最後の余韻
このツールが作るのは架空の会話の画像・動画です。実在するメッセージアプリの画面ではなく、どのサービスとも関係はありません。
実在の人物のやり取りを装って公開したり、事実であるかのように示したりする使い方はしないでください。名誉毀損や偽計業務妨害にあたる場合があります。
実在の人物のやり取りを装って公開したり、事実であるかのように示したりする使い方はしないでください。名誉毀損や偽計業務妨害にあたる場合があります。
入力すると同時に描き直されます。画像も動画もこの端末の中だけで作られ、サーバーには送信されません。
使い方
- 相手の名前を入れます。アイコン画像を選ぶと丸く切り抜いて表示します(選ばなければ名前の1文字目を描きます)。
- 「会話を書く」の欄に、1行につき1つの発言を書きます。入力すると同時に下の画像が描き直されます。
- 配色と画像の幅を選びます。SNSに載せるなら1080px、動画のサムネイル素材なら1280pxが扱いやすい大きさです。
- 「PNGで保存」で画像を取得します。対応しているブラウザなら「画像をコピー」でそのまま貼り付けられます。
- 動画にしたいときは、下の「動画」で画面の形と出てくる間隔を選び、「プレビュー再生」で確認してから「動画を書き出す」を押します。
動画について
メッセージが1件ずつ出てくる様子を動画にできます。相手の発言の前に「入力中」の表示を挟むこともできます。
- 形式は MP4(H.264)です。X・Instagram・TikTok・YouTube にそのまま投稿できます。MP4に対応していないブラウザでは WebM になります(YouTube はそのまま受け付けます)。
- 画面の形は縦長1080×1920(ショート動画・リール)、正方形1080×1080、横1280×720から選べます。
- 会話が画面に収まらなくなると、実際のトーク画面と同じように自動で下へスクロールします。
- 出てくる間隔は0.25秒から選べます。既定は0.4秒で、5〜6発言なら3秒前後の短い動画になります。ショート動画は短いほうが見られやすいので、まずは既定のままお試しください。
- 出てきたときに軽く跳ねる動きが付きます(切ることもできます)。間隔を詰めるだけでは速いだけになり、テンポが出ないためです。
- 「入力中」の表示は既定で切ってあります。テンポを優先する場合は不要なためです。入れる場合も最大0.4秒で切り上げます。
- 書き出しには再生時間と同じだけ時間がかかります(10秒の動画なら約10秒)。画面をそのまま録っているためです。
- 音は入りません。必要なら書き出した動画に、動画編集アプリで音を足してください。
会話の書き方
1行が1つの発言になります。行の頭と行末に決まった書き方を足すだけで、左右・時刻・日付を指定できます。
| 書き方 | 結果 |
|---|---|
| 自分: おはよう | 右側(自分の発言)になります。私: わたし: 右: でも同じです |
| 相手: おはよう | 左側(相手の発言)になります。左: でも同じです |
| おはよう | 何も付けないと左側になります |
| おはよう @9:30 | 行末に付けると、その発言の時刻になります |
| ---9月10日--- | 前後をハイフン3つで囲むと、日付の区切りとして中央に出ます |
空の行は無視されるので、読みやすく改行を入れて構いません。「既読」は自分の最後の発言にだけ付きます。実際のやり取りでも、既読が付くのは自分が送った最後のメッセージだからです。
どんなときに使うか
- 動画のサムネイル素材 … 会話の一部を切り取った画像は、内容が一目で伝わるので目を引きます
- 創作・二次創作 … 登場人物どうしのやり取りを画像にして、作品の一部として見せられます
- 資料やスライドの例示 … 「こういうやり取りが起きます」を文章で説明するより早く伝わります
- UIの検討 … 吹き出しの長さや改行位置が実際どう見えるかを、実装前に確かめられます
画像はこの端末の中だけで作っています
入力した会話も、選んだアイコン画像も、サーバーには一切送信していません。ブラウザの canvas に直接描いているので、外部のサービスを経由することもありません。ページを閉じると内容は消えますので、必要な画像は保存してからページを離れてください。
気をつけること
- 作れるのは架空の会話画像です。実在するメッセージアプリの画面ではなく、特定のサービスとは関係がありません。
- 実在の人物のやり取りを装って公開しないでください。本人が言っていないことを言ったように見せる画像を広めると、名誉毀損や偽計業務妨害にあたる場合があります。
- 事実の証拠として使わないでください。このツールで作った画像は、誰でも自由に文面を書けるものです。
- 創作であることが分かる形で使ってください。作品の一部として出す、投稿に「架空です」と添えるなどの配慮があると安全です。
- アップロードしたアイコン画像の権利にはご注意ください。他人が撮った写真やキャラクターの画像を無断で使うと問題になることがあります。
関連ツール
注意事項
チャット風画像メーカーで作られる画像は、入力した内容にもとづいてブラウザの中だけで生成しています。用途に合うかどうかはご自身でご確認ください。入力した内容や選んだ画像がサーバーへ送信されることはありません。無料でご利用いただけます。
※このプログラムはPHP8.2.22にて作成、動作確認を行っております。
※ご利用下さっている皆様のご意見・ご要望(改善要望)をお寄せください。