フォント画像保存・画像作成ツール
入力した文字をフォント変換し、PNG画像や背景透過PNGとして保存できます。
最終更新日: 2026-09-28
文字を画像に変換してPNG保存
空欄では保存できません。300文字・6行以内で入力してください。
透明背景をオンにした場合、チェック柄は確認用の背景です。保存されるPNGには含まれません。
この文字画像作成ツールでできること
「フォント変換 画像」で検索する人は、装飾文字をコピーしたいだけでなく、SNS投稿、サムネイル、資料見出し、店頭POP、ロゴ案などに貼り込める画像ファイルを作りたいケースが多くあります。通常のフォント変換ページでは文字としてコピーする用途が中心ですが、このページでは文字をCanvasに描画し、PNGとして保存できるようにしています。背景透過、ふち、影、色、文字揃えを同じ画面で確認できるため、画像編集ソフトを開く前の下書きにも使えます。
日本語の文字画像では、漢字の細部、ひらがなの丸み、英数字とのバランスが仕上がりを左右します。明朝体は上品な告知や和風デザインに向き、ゴシック体は視認性の高いバナーに向きます。丸文字はかわいい雰囲気、筆文字風は和風タイトル、ドット風はゲーム・レトロ表現に使いやすい選択です。画像化したあとで読みにくいと感じた場合は、文字サイズを上げる、ふち幅を下げる、余白を増やす、行間を広げる、背景色とのコントラストを強める順に調整してください。
用途別のおすすめ設定
| 用途 | おすすめ設定 | 注意点 |
|---|---|---|
| SNS投稿・プロフィール | 丸文字またはゴシック、文字サイズ48px以上、背景透過PNG | スマホ表示で小さくなるため、細いふちや薄い色は避けます。 |
| ロゴ案・見出し案 | 明朝体、筆文字風、英語筆記体、余白多め、影は控えめ | 正式な商用ロゴでは、利用フォントのライセンス確認が必要です。 |
| 動画サムネイル | 極太、強いふち、背景色付きPNG、中央揃え | 小さい画面でも読めるよう、短い言葉に絞ります。 |
| 資料・スライド | ゴシックまたは明朝、背景透過PNG、影なし、余白少なめ | PowerPointやKeynoteに貼る場合は、背景透過のまま保存します。 |
文字を透過PNGにするときの実務ポイント
背景とのコントラストを見る
透過PNGは貼り付け先の背景で見え方が変わります。白背景、黒背景、写真背景のどれに載せるかを想定して、文字色とふち色を選びます。
ふちを太くしすぎない
ふちは読みやすさを上げますが、太すぎると漢字の内側がつぶれます。日本語では2pxから5px程度で試すと失敗しにくくなります。
長文は画像化しすぎない
検索性やアクセシビリティを考えると、本文全体を画像にするのは不向きです。画像化は見出し、短いコピー、装飾タイトルに絞るのがおすすめです。
フォント画像保存の前に決める寸法
画像の横幅と高さは、文字数だけでなくフォントサイズ、行間、余白で変わります。SNSのプロフィール画像のように限られた枠に置く場合は、完成画像の縦横比を先に確認し、長い文章ではなく短い名前や見出しを使います。スライドやサムネイルのタイトルは、貼り付け先で縮小されることを見込んで、細部が消えない大きさから試してください。
このツールのプレビューには作成したキャンバスのピクセル寸法が表示されます。背景が透明なPNGもキャンバス自体には幅と高さがあるため、透明部分が多いと文字が小さく見える場合があります。まず余白を調整して文字の占める範囲を整え、必要な場合にだけ文字サイズを上げると、保存後の配置が予測しやすくなります。
同じ見出しを複数の場所で使うときは、文字色、ふち、余白を固定してから保存します。設定を一度に何か所も変えると、どの値が読みやすさに効いたのか分かりにくくなります。文字サイズを決め、次にふち幅、最後に影を調整する順番なら、漢字の内側がつぶれる原因も見つけやすくなります。
透過PNGと背景色つき画像の使い分け
透過PNGは、スライド、動画編集、画像編集ソフトの上に文字だけを重ねたいときに便利です。プレビューに表示されるチェック柄は透明部分を見分けるための表示で、保存画像には入りません。貼り付け先が白か暗色か分からない場合は、文字とふちの組み合わせが両方の背景で読めるか確認しておきましょう。
背景色つきの画像は、短い告知やSNSの文字カードのように、完成した一枚として使う場面に向いています。背景色と文字色が近いと輪郭が弱くなるため、明度差を大きくし、影は補助として控えめに使います。色覚の違いやスマートフォンの明るさ設定もあるので、色だけで情報を区別せず、文字そのものを読み取れるコントラストを保ちます。
透明背景を選んでも、保存形式はPNGです。JPEGのように透明部分を白へ置き換える形式ではありません。編集アプリに読み込んだとき背景が白く見えるなら、アプリ側のキャンバス表示か、書き出し形式の設定を確認してください。透過を保って再保存するときも、PNGを選ぶ必要があります。
仕上がりを見ながら調整する順番
- 使用する文面を入力し、改行位置を完成形に近づけます。
- 用途に合う書体と太さを選び、文字の形を決めます。
- 文字色と背景を決め、色の差が十分あるか確認します。
- 必要ならふちを少しずつ加え、漢字の細部が残る幅で止めます。
- 余白と行間を調整し、画像サイズを見てからPNGを保存します。
プレビューの文字が枠の端に近すぎると、別のアプリで拡大縮小した際に詰まって見えることがあります。ふちや影は字形の外側にも広がるため、文字本体だけでなく輪郭の周りにも余裕を残します。中央揃えは短いタイトル、左揃えは複数行の案内、右揃えは日付や署名を添えるデザインに向いていますが、実際の読み順と配置を画面上で確認してください。
書体をまだ決めていない場合は、先にフォント見本ツールへ同じ文字を入力すると、画像を作る前に複数の雰囲気を比較できます。見本で候補を絞り、このページで色や背景を含む最終画像に仕上げれば、形の比較と画像作成を分けて進められます。
文字画像の表示と利用上の注意
PNGは文字をピクセルとして保存するため、保存後に文字内容を検索したり、文章として選択したりできません。説明文、注意事項、長い商品情報はページ上のテキストで掲載し、画像には短い見出しや装飾コピーだけを使うと、読み上げや検索にも対応しやすくなります。画像だけに重要な案内を載せるときは、ページ本文や代替テキストにも同じ要点を記載してください。
キャンバス描画では、端末に目的のフォントがないと、似た書体へ置き換わる場合があります。ウェブフォントの読み込み前に保存すると、意図した書体ではなく代替フォントで出力されることもあります。保存直後に画像を開いて字形や改行を確かめ、フォントの読込みを待ってから再作成してください。
フォントファイルや書体の利用条件は提供元ごとに異なります。PNGにしたからといって、書体のライセンス条件がなくなるわけではありません。広告、商品、ロゴ、販売物などに利用する場合は、商用利用、加工、再配布の範囲をフォント配布元で確認してください。正式なブランドロゴや印刷物に使う前には、制作環境で同じ書体が再現されるかも確認します。
入力と画像サイズの制限
一度に入力できるのは300文字、改行は6行までです。長い文章は一枚の画像に詰め込まず、見出しや短いフレーズごとに分けてください。空欄では画像を作成できず、入力を促す状態になります。行数または文字数が上限を超えた場合は、前の内容だけで画像を作らず、上限を案内して保存ボタンを無効にします。
キャンバスの最大寸法を超える入力も受け付けません。文字を小さくする、行数を減らす、余白を控えるなどして、表示される寸法の範囲に収めてください。スマートフォンではキャンバスが画面幅に合わせて縮小表示されますが、保存ファイルのピクセル寸法は表示幅とは別です。実際の掲載先で必要な解像度に足りるか、保存したPNGの寸法を確認してください。
関連ツール
技術メモと外部参考
このツールはブラウザのCanvas機能で文字を描画し、PNGとして保存します。Canvasの基本仕様は MDN Web DocsのCanvas API解説、PNGの透明背景はアルファチャンネルを持つ画像形式として扱われます。入力文字をサーバーへ送らず、ブラウザ内で処理できる点が、短い見出し画像を安全に作るうえでの利点です。