画像
画像文字入れ(写真にテキスト)
写真や画像にテキストを載せてダウンロードする無料ツール。フォント・サイズ・色・縁取り・影を指定し、ドラッグで位置を調整。複数のテキストを配置可能。画像は送信されずブラウザ内で処理。登録不要。
公開日: / 更新:
画像をアップロード
使い方・仕組み解説
画像文字入れツールとは?
画像文字入れツールは、写真や画像にテキストを載せて PNG でダウンロードする無料ツールです。フォント(ゴシック・明朝・丸ゴシック)・サイズ・色・縁取り・影を指定し、プレビュー上のドラッグまたは X / Y スライダーで位置を調整できます。複数のテキストを重ねて配置できるので、見出し+本文のような 2 段構成のサムネイルも作れます。画像は一切サーバーに送信されず、すべてブラウザ内(canvas)で処理が完結します。
使い方
- 「画像をアップロード」から画像ファイルを選択します(JPEG・PNG など主要な画像形式に対応)
- テキスト欄に載せたい文字を入力します
- フォント(ゴシック・明朝・丸ゴシック)・サイズ・文字色・縁取り色・縁取り幅・影を調整します
- プレビュー上のテキストを直接ドラッグするか、X / Y スライダーで位置を合わせます
- 2 つ目以降のテキストが必要な場合は「+ 追加」で新しいレイヤーを作り、同様に調整します
- 「PNG をダウンロード」で、元画像と同じ解像度のまま文字を合成した画像が保存されます
読みやすい文字サイズの目安は?
文字サイズは画像の横幅に対しておおよそ 4〜6% を目安にすると、離れて見ても読みやすくなります。 たとえば横幅 1200px の画像であれば 48〜72px、横幅 800px なら 32〜48px 程度が目安です。 本ツールではフォントサイズを 1〜500px の範囲で数値入力できるので、まず目安の値を入れてからプレビューを見て微調整するとバランスを取りやすくなります。
背景に埋もれない配色・縁取りのコツは?
写真の上に文字を置くと、背景の色や柄によって文字が読みにくくなることがあります。 いちばん手軽な対策は縁取り(ストローク)で、文字色と反対色の縁取りを 2〜4px 程度つけるだけで、 背景が明るい部分にも暗い部分にも文字が沈みにくくなります。定番は「白文字+黒縁取り」または「黒文字+白縁取り」です。 影(シャドウ)を弱めに(数値を小さく)加えると、縁取りだけでは硬く見える場合の立体感づけにも使えます。 本ツールでは縁取り幅を 0〜20px、影のぼかしを 0〜30px のスライダーで調整できます。
SNS に投稿する画像サイズの目安は?
各 SNS には推奨される画像サイズがあり、これに合わせてから文字入れすると仕上がりがきれいになります。 代表的な例は次のとおりです(いずれも各サービスが公開している推奨値)。
- Instagram の正方形投稿: 1080 × 1080px
- Instagram のストーリーズ: 1080 × 1920px
- X(旧 Twitter)の投稿画像: 1200 × 675px
- YouTube のサムネイル: 1280 × 720px
- Facebook の投稿画像: 1200 × 630px
元画像がこれらのサイズと異なる場合は、先に画像リサイズや画像の切り抜き・トリミングで目的のサイズに整えてから、本ツールで文字を載せる順番がおすすめです。
保存形式が PNG 固定なのはなぜ?
本ツールのダウンロードは PNG 固定です。JPEG は圧縮の過程で文字のエッジ(輪郭)がにじみやすく、 特に小さい文字や細い線ではギザギザやモヤつきが目立ちます。PNG は可逆圧縮のため、文字やロゴの輪郭がにじまずシャープに保たれます。 その代わり、写真のように色数が多い画像では PNG のファイルサイズが JPEG より大きくなりやすい点は覚えておいてください。 アップロードする元画像自体は JPEG・PNG など主要な形式をそのまま読み込めます。
どんな用途で使える?
文字入れが役立つ場面はさまざまです。代表的な使い方を紹介します。
- 動画・記事のサムネイル作成: 写真に大きめの見出しテキストを 1〜2 個載せるだけで、クリックされやすいサムネイルになります。 タイトルと補足の 2 行を分けたい場合は、テキストを 2 つ追加してそれぞれ別の高さに配置します
- 資料・スライド用の写真キャプション: 会議資料や報告書に貼る写真に、撮影場所や説明を直接書き込めます。文字が写真に合成されるため、 別途キャプション欄を用意できないスライドにもそのまま貼り付けられます
- 写真への日付・クレジット表記: イベント写真や作品写真の隅に日付・撮影者名・著作権表記を小さめの文字で入れておくと、 後から写真だけが転用された場合の出どころが分かりやすくなります
- フリマアプリの出品画像への注意書き: 「SOLD」「予約済み」「サイズ〇〇」といった注意書きを商品写真に直接書き込めます。 商品説明欄と違い、画像自体に情報が残るため一覧表示やスクリーンショットでも伝わります
複数のテキストはどう使い分ける?
「+ 追加」で新しいテキストレイヤーをいくつでも作れます。各レイヤーは独立してフォント・サイズ・色・位置を設定できるので、 「大きい見出し+小さい補足」「日本語+英語の2言語表記」のような組み合わせが可能です。 なお 1 つのテキストは折り返し(自動改行)されない 1 行の描画のため、長い文章を複数行にしたい場合は行ごとにテキストを分けて、 Y 位置をずらして配置してください。
どうやって文字を画像に合成している?
ブラウザの canvas 要素に元画像を描画したあと、その上にテキストを fillText / strokeText で重ね描きしています。縁取りは太めの strokeText を先に描いてから fillText で塗りつぶすことで実現し、影は canvas の shadowBlur プロパティで処理しています。すべてブラウザ内の描画で完結し、外部サーバーへの通信や Web フォントの読み込みは発生しません。
他の画像ツールとの使い分けは?
「文字を載せたい」なら本ツール、それ以外の加工が目的なら次のツールが向いています。
- 個人情報や顔を隠したい → 画像モザイク・ぼかし
- ファイルサイズを軽くしたい → 画像一括圧縮
- SNS の推奨サイズに合わせて拡大縮小したい → 画像リサイズ
- 不要な部分を切り取りたい → 画像の切り抜き・トリミング
文字入れ以外の画像処理ツールの使い分けは画像の圧縮・リサイズ・モザイク・文字入れをインストールなしで行う方法のガイドでも詳しく解説しています。
注意事項
- フォントはお使いの端末にインストールされているシステムフォントを利用します。端末や OS によって見え方が多少異なる場合があります
- 保存した画像は元画像と同じ解像度で、テキストが画像に合成(フラット化)されます。ダウンロード後にテキストだけを再編集できないため、修正したい場合は元画像から再度作業してください
- 1 つのテキストは自動改行されません。長い文章は複数のテキストに分けて、それぞれの位置を調整してください
- ダウンロードできる形式は PNG のみです。JPEG など他形式で保存したい場合は、PNG を保存したうえで画像一括圧縮などで変換してください
よくある質問
- アカウント登録なしで画像に文字を入れられますか?
- 入れられます。ブラウザだけで動作し、会員登録やアプリのインストールは一切不要です。画像をアップロードしてテキストを入力するだけで使えます。
- 日本語フォントは使えますか?
- 使えます。お使いの端末にインストールされているゴシック体・明朝体・丸ゴシックから選べます。端末によってフォントの見え方が多少異なる場合があります。
- アップロードした画像は外部に送信されますか?
- 送信されません。テキストの合成はすべてお使いのブラウザ内で処理され、画像が外部に送られることはありません。
関連ツール
画像
画像切り抜き(トリミング)
画像を読み込み、ドラッグで矩形範囲を選択して切り抜きできる無料ツールです。アスペクト比固定(1:1, 4:3, 16:9等)にも対応。処理はすべてブラウザ内で完結し、画像がサーバーに送信されることはありません。
画像
証明写真メーカー(サイズ切り抜き・印刷用PDF)
スマホやデジカメの写真から、履歴書(3×4cm)・マイナンバー(3.5×4.5cm)・パスポート(3.5×4.5cm)・運転免許(2.4×3cm)の規格サイズに切り抜き、L判に面付けした300dpiの印刷用JPEG/PDFをブラウザ内で作成。コンビニプリントで1枚40円前後。写真は送信されず端末内で処理。登録不要・無料。
画像
画像モザイク
画像の指定範囲にモザイクをかける無料ツール。矩形選択して粒度(5〜40px)を調整し、顔・ナンバープレート・個人情報を隠してダウンロード。画像は送信されずブラウザ内で処理。登録不要。
画像
絵文字ジェネレーター(Slack・Teams対応)
文字を入力するだけで Slack のカスタム絵文字や Teams 用スタンプ画像を無料で作成。128×128 の透過 PNG をその場で保存でき、処理はすべてブラウザ内で完結します。