テキスト
文字の設定
スタイル
文字揃え
画像のサイズ・文字位置
横幅
縦幅
文字の位置(縦)
指定した横幅・縦幅より文字の方が大きい場合は、文字に合わせて自動的に広がります。横幅・縦幅を指定すると、「文字揃え」「文字の位置(縦)」の効果がわかりやすくなります。
縁取り(アウトライン)
背景
プレビュー
使い方
説明
入力した文字を、色・大きさ・フォント・縁取り・背景を自由に設定した上でPNG画像として書き出すツールです。
縁取り(アウトライン)付きの文字は、動画のテロップやSNS投稿の見出し画像などによく使われる、太い輪郭のある文字を作れます。背景を透明にすれば、他の画像やスライドに重ねて使えます。
操作の手順
- テキスト欄に文字を入力します。改行するとそのまま複数行の画像になります
- フォント・文字の大きさ・文字の色・文字揃えを好みに設定します
- 「縁取りを付ける」をオンにすると、文字の輪郭に色を付けられます(縁取りの色・太さも調整できます)
- 背景を「透明」にすると背景なしのPNG、「単色」にすると好きな色の背景付き画像になります
- 右側のプレビューを確認しながら、「画像として保存」または「画像をコピー」で書き出せます
- 「文字揃え」は、文字より画像の横幅が広いときに初めて見た目が変わります。1行だけ・全行が同じ長さの場合は、「画像の横幅」を「指定する」にして横幅を広げると効果がわかります
計算方法
- 画像のサイズは、入力した文字と余白の設定に合わせて自動的に決まります(横幅は一番長い行、縦幅は実際の文字の高さに応じて計算し、横幅・縦幅を指定した場合はそれ以上小さくなりません)
ご注意
- 入力した文字はこのブラウザの中だけで処理され、外部のサーバーには送信されません
- 長い行を自動で折り返す機能はありません。改行した位置がそのまま画像の改行になります
- 使用できるフォントはお使いの端末にあらかじめ入っているものに限られるため、他の端末で見た場合に書体が変わることがあります
豆知識・背景知識
動画のテロップやサムネイルで見かける「太い縁取り付きの白文字」は、暗い背景でも明るい背景でも読みやすくするための工夫です。文字の塗り色と縁取りの色を反対の明るさにする(明るい文字に暗い縁取り、など)と、どんな背景の上でも視認性が保たれます。
PNG形式は「透明な部分」を保存できる数少ない画像形式のひとつです。JPEG形式には透明という概念がないため、文字だけを切り抜いて別の画像に重ねたい場合は、必ずPNG形式で保存する必要があります。
canvas(キャンバス)と呼ばれるブラウザの描画機能を使うと、このツールのように文字を1文字ずつ座標計算をして描画し、そのまま画像として書き出すことができます。サーバーを介さずブラウザだけで完結するため、入力した文字が外部に送信される心配がありません。
みんなの声・ご意見ボックス
「テキスト画像化ツール」について、感想・使いにくいところ・欲しい機能などを気軽に教えてください。
まだ投稿がありません。最初の一言をお待ちしています!
利用にお金はかかりますか?会員登録は必要ですか?
すべて無料でお使いいただけます。会員登録やログインも必要ありません。
入力した内容はサーバーに送られていますか?
計算やツールの処理は、お使いのブラウザの中だけで行っています。入力された数値や画像がサーバーへ送られることはありません。
コメント欄に投稿された内容だけは、他の方にも読んでいただくためにサーバーへ保存されます。
コメント欄に投稿された内容だけは、他の方にも読んでいただくためにサーバーへ保存されます。
スマホやタブレットでも使えますか?
iPhone・iPad・Android のブラウザに対応しています。画面の幅に合わせて表示が切り替わります。
要望やバグを見つけたときはどこへ伝えればよいですか?
「投稿する」タブからお知らせください。いただいた内容は運営で確認し、改善の参考にさせていただきます。