複数文字を個別編集
タイトル・本文・日付・場所・一般文字をそれぞれ選択して独立編集できます。
016 · IMAGE EDIT
画像文字入れツール
写真にタイトル、本文、日付、場所を追加し、文字のスタイルや位置を自由に調整できます。
LOCALブラウザ内で処理
WORKSPACE画像文字入れワークスペース
画像をここにドロップ
画像と入力文字はサーバーに送信されず、現在のブラウザ内で処理されます。
JPG・PNG・WebPに対応HOW TO USE
使い方
- 01
文字を入れる画像を選択します。
- 02
タイトル、本文、日付、場所、または一般文字を追加します。
- 03
文字内容、フォント、サイズ、色、配置を調整します。
- 04
必要に応じて縁取り、影、文字背景を設定します。
- 05
画像上の文字をドラッグして位置を調整し、ダウンロードします。
TEXT LAYOUT GUIDE
文字を読みやすく正確に配置する基準
プレビューと出力は同じCanvas文字レイアウトと元画像座標を使用します。長文の自動改行
文字領域の幅に合わせて自動改行し、手動改行も維持します。
縁取り・影・背景
明るい写真や複雑な背景でも読みやすいように効果を調整できます。
EXPERT POST
写真上の文字配置を正確に仕上げる技術基準
情報の優先順位、コントラスト、改行、元画像座標、フォント、レイヤー順序まで確認すると、プレビューと最終出力の差を減らせます。タイトル・本文・日付・場所の情報階層
すべての文字を同じサイズと太さにすると、最初に読むべき情報が分かりにくくなります。タイトルを最も大きく強くし、本文を一段下げ、日付と場所は補助情報として小さく配置すると安定します。複数レイヤーでは文字数より先に役割と優先順位を決めます。
文字色より背景とのコントラストを確認
白文字は明るい空や白い壁で消えやすく、黒文字も暗部では同じ問題が起こります。一つの色だけに頼らず、実際の背景の明るさと複雑さを見て、文字色、縁取り、影、半透明背景を組み合わせて十分なコントラストを確保します。
縁取り・影・文字背景は役割が異なります
縁取りは文字の輪郭コントラストを直接高め、影は複雑な写真から文字を分離し、文字背景は広い面で安定したコントラストを作ります。小さい文字や複数行の本文には背景が有効です。三つをすべて強くすると重く見えるため、必要な効果だけを最小限に使います。
文字領域の幅と改行を一緒に調整
長文は文字サイズを極端に小さくするより、文字領域の幅を調整して一行を短くする方が読みやすくなります。タイトルは短い1〜2行、本文は一定幅の複数行にし、手動改行は意図した位置で維持します。日本語や韓国語は空白が少ないため、文字単位の代替改行も必要です。
プレビュー倍率と元画像座標を分けて考える
画面に合わせる表示や拡大・縮小は編集画面の見え方だけを変えます。最終出力位置は元画像座標を基準に維持する必要があります。プレビューで小さく見える移動でも元画像では大きな距離になる場合があるため、全体表示と100%表示の両方で確認します。
高解像度では文字設定も元画像基準で確認
小さいプレビューで自然に見える文字でも、高解像度の元画像では比率が違って感じられることがあります。最終画像は元解像度で再描画されるため、文字サイズ、行間、縁取り幅、影のぼかし、背景の内側余白を保存前に確認します。
多言語ではフォントの実寸が異なります
同じ文字サイズでも日本語、英字、韓国語、システムフォントによって実際の幅と高さは異なります。指定フォントがない端末では代替フォントが使われ、改行位置も変わる場合があります。複数言語を含む文字は実際に使う端末でプレビューと出力を確認します。
レイヤー順序・重なり・安全余白を確認
タイトル、本文、日付、場所を独立レイヤーにすると編集しやすい反面、互いに重なったり画像端に近づきすぎる場合があります。前へ・後ろへで順序を整理し、重要な文字は画像端から十分な余白を残します。ダウンロード前には選択枠のない結果状態で重なりと切れを確認します。
IMPORTANT NOTES
注意事項
- 元ファイルは変更されません。ページを再読み込みしたり、すべてリセットすると現在の編集内容は消去されます。
- 長い文章は文字領域の幅に合わせて自動改行され、小さい画像で大きな文字を使うと画像の大部分を覆う場合があります。
- 縁取りや影を大きくしすぎると文字の形や読みやすさが低下する場合があります。
- フォントや絵文字はOSやブラウザによって表示が少し異なる場合があります。
- JPGは透明度に対応していないため、透明な元画像は出力形式によって見え方が変わる場合があります。
FAQ
よくある質問
01複数の文字を入れられますか？+
はい。タイトル、本文、日付、場所、一般文字を複数追加して個別に編集できます。
02文字を直接動かせますか？+
はい。画像上でドラッグするか、9方向の配置ボタンを使用できます。
03長い文章も入力できますか？+
はい。文字領域の幅に合わせて自動改行し、手動改行も維持します。
04縁取りや影を付けられますか？+
はい。縁取り、影、文字背景を個別に設定できます。
05画像はサーバーに送信されますか？+
いいえ。画像と入力文字は現在のブラウザ内だけで処理されます。
元ファイルは変更されず、画像と入力した文字はサーバーに送信されません。