•  01_文字の PNG 画像作成用オンラインツール
•  02_文字の描画で使用されるフォント
•  03_文字の PNG 画像の背景は透明色
•  04_文字の上下方向の描画位置調整

文字を描画した PNG 画像を作成するオンラインツールです．本ツールでは，フォント名と，作成する画像サイズを指定できるようにしています．本ページでは，主に Unicode Emoji の文字を使用して説明しています．

文字は複数入力できますが，PNG 画像にするのは先頭の 1 文字だけです．本ページ表示直後のフォント名は Noto Color Emoji となります．このフォントは，Google のサーバに置いてある Unicode Emoji 専用のフォントです．したがって，本ページの閲覧者の環境に関係なく使用できます．Noto Color Emoji フォントは，Unicode Emoji がバージョンアップされると，比較的早い時期に更新されています．
作成する PNG 画像は正方サイズで，ピクセル単位で指定します．設定可能な範囲は 16 以上，512 以下です．サイズを入力して [Enter] キーを押すと確定となります．

画像のコピー，保存の方法です．マウスの右ボタンクリックのメニューから [名前を付けて画像を保存] または [画像をコピー] を選択します．

• 参考リンク
• [Emoji ( 絵文字 ) 一覧]
• [Unicode の記号・絵文字 一覧]
• [11_Noto Color Emoji フォントの使用]
• [SVG 画像を PNG 画像に変換するオンラインツール]

このツールでは，フォント名に入力したフォント名が有効であか，現在の環境で使用可能なフォントであるかのチェックはしません．フォント名が無効な場合，別のフォントによる描画となります．どんなフォントが使用されるのかは，環境によります．Windows 10 では，Emoji の絵文字は，自動的に Segoe UI Emoji フォントが使用されます．
下図は，筆者の環境における描画結果の例です．

下図は，Google の Noto Emoji フォントの場合です．このフォントは Noto Color Emoji のモノクロ版ですが，グレースケールではありません．こちらはほとんど更新されていないようです．
このフォントも本ツールで使用できます．

EmojiSymbols は，歴史的な Emoji 用フォントです．2009年，日本製の携帯電話で使用されていた，いわゆる「ケータイ絵文字」を Unicode の文字としての登録提案がありました．以下の最初のリンクは，ユニコードコンソーシアムが公開した PDF 文章です．翌 2010年，それらの文字は Unicode に登録されました．
日本の個人の方が，それらの Emoji を Web フォントとして利用できるようにして，2012年にはフォントを公開しています．それが EmojiSymbols フォントです．

EmojiSymbols フォントが使用しているコードポイント (文字コード) には，現在の Unicode Emoji にはないコードポイントが使用されていたり，異なる文字が登録されている場合があります．

現在，作者のサイトは閉鎖されていますが，フォントのダウロードは可能な除隊になっています．以下にダウンロードのリンクを貼っておきます．

• 参考リンク
• Emoji Symbols: Background Data (PDF)
• EmojiSymbols の直接ダウンロード

以下は EmojiSymbols フォントに収録されている絵文字の例です．当サイトのサーバに置いてあるフォントを使用して表示していてます．
このフォントも本ツールで使用できます．

Twemoji Mozilla フォントと Emojione Mozilla フォントも当サイトのサーバに置いています．本ツールで使用できます．Twemoji Mozilla は，以下のリンクのページで Twemoji.Mozilla.ttf をクリックするとダウンロードできます．Emojione Mozilla は，2018以降，更新はありません．

• 参考リンク
• Releases ・ mozilla_twemoji-colr

Apple Color Emoji の文字も，現在の環境にフォントをインストールすれば本ツールで使用できます．以下の最初リンクのページで [Code] をクリックして [Download ZIP] を選択するとダウンロードできます．Windows の場合は，[fonts] フォルダ内の AppleColorEmoji_WindowsCompatible.ttf をインストールします．
Firefox 140 では　Apple Color Emoji フォントの文字を表示できません．

• 参考リンク
• apple-emoji_fonts at ios-17.4 ・ zhdsmy_apple-emoji ・ GitHub
• GitHub - popemkt_segoe-ui-emoji_ segoe-ui-emoji
• [設定] フォント

上の 2 番目のページからダウンロードした ZIP 書庫内の seguiemj-1.45-3d.ttf は，Windows 11 に実装された Segoe UI Emoji フォントです．下図のようなグリフになっています．本ツールでは，フォント名を Win11 Emoji にするとこのグリフを確認できます．

• 参考リンク
• [02_ブラウザの開発者ツールでフォント名を調べる]

一般的に文字の背景は透明です．PNG 画像にしてもそうなります．PNG 画像は半透明の色も扱えます．このような画像を，アルファチャンネル付きの画像と言います．透明なピクセルの色を透明色と言います．つまり，色がないピクセルです．
Microsoft Office 2019 のアプリはアルファチャンネル付きの画像を扱えます．下図は，PNG 画像をワードに貼り付けた結果です．左は，背景が透明色の PNG 画像を重ねた結果です．透明な部分の背景には後ろの画像が見えています．右は，背景が白の ONG 画像を重ねた結果です．

透明色を扱えない (アルファチャンネルをサポートしていない) アプリでは，下図のように，透明色のピクセルは「黒」になります．
Windows 10 に付属のペイントの場合，PNG 画像をファイルから読み込むと，背景色が自動的に白になります．また，PNG 画像をドラッグ & ドロップしても，透明色が自動で白になります．