画像に文字入れ

写真の説明、価格、日付、名前、引用文、スクリーンショットへの簡単なラベルなど、画像に文字を入れるのにデザインアプリは必要ありません。このツールは、選んだフォント、サイズ、色、縁取り、影、背景ボックスで、1行または複数行の文字を画像に書き込みます。9か所の配置から選べ、回転もできます。同じ文字を複数枚にまとめて入れられ、画像がブラウザの外に出ることはありません。

使い方

1. 画像を1枚以上選び、文字を入力します（Enterで改行）。
2. フォントとサイズを選びます。サイズは画像の幅に対するパーセントなので、大きい写真でも小さい写真でも同じ見え方になります。
3. 文字の色と、見やすくするための縁取りを選びます。複雑な写真の上では、半透明の背景ボックスを使います。
4. 9か所の配置から選び、移動と回転の欄で微調整してから、元の形式、JPG、PNG、WebPのいずれかで保存します。

計算式

文字サイズ(px) = サイズ % × 画像の幅 ÷ 100、余白 = 短い辺の4%

文字のかたまり（と文字サイズ × 0.3のボックス内側の余白）は、基準点に従って余白の内側に置かれます。左端 = 余白 + (W − 2·余白 − かたまりの幅) × aで、aは左・中央・右でそれぞれ0、0.5、1、上端も同様です。移動の欄は幅と高さのパーセントだけずらし、回転は文字のかたまりの中心を軸に回します。縁取りは丸い角で先に描くため、文字自体の形はそのまま保たれます。

計算例

1080 × 1080 pxの写真でサイズを8%にすると、文字の高さは86 pxです（8 × 1080 ÷ 100 = 86.4）。下中央に置くと余白は43 pxなので、文字は下端のすぐ上に収まり、よくあるキャプションの位置になります。縁取り8%は7 pxの黒い縁を加え、明るい空の上でも白い文字を読みやすくします。