カラー絵文字

Design & Typography

ビットマップ画像またはカラーベクターグラフィックを使って表示されるフルカラーの絵文字。モノクロのテキスト表示とは対照的。

Color emoji are the full-color, graphical emoji we see on modern devices. They can be implemented using several technologies within font files:

- **Bitmap** (CBDT/sbix): Pre-rendered images at specific resolutions
- **Vector** (COLR, SVG): Scalable graphics that stay crisp at any size

The shift to color emoji happened gradually as platforms moved from text-based communication to richer media. Apple popularized color emoji on mobile, and now all major platforms render emoji in full color by default.

Color emoji require more data than monochrome glyphs — Apple's emoji font is over 100MB, largely due to bitmap glyph data.

関連用語

ビットマップ絵文字 ビットマップ絵文字
固定解像度のピクセル画像としてレンダリングされる絵文字。フォントファイル内にPNGなどのラスター形式で格納される。 モノクロ絵文字 モノクロ絵文字
色のないアウトラインスタイルで表示される絵文字のレンダリング形式。単色のテキスト記号として表示される。 絵文字フォント 絵文字フォント
カラー絵文字のグリフデザインを含むデジタルフォントファイル。レンダリングにはCOLR・CBDT・SVG・sbixなどの技術が使用される。

関連ツール

🔀 プラットフォーム比較 プラットフォーム比較
Apple、Google、Samsung、Microsoft などのプラットフォームで絵文字がどのように表示されるかを比較してみましょう。視覚的な違いを並べて確認できます。 🔢 Unicode 検索 Unicode 検索
U+1F600 のようなコードポイントを入力すると、対応する絵文字、エンコード詳細、UTF-8/16 バイト、HTML エンティティを確認できます。

関連ストーリー

Unicode Emoji Properties: Extended_Pictographic, Emoji_Presentation, and More
A developer's guide to Unicode emoji properties: what Extended_Pictographic, Emoji_Presentation, Emoji_Modifier, and Emoji_Component mean in practice.
Text vs Emoji Presentation Selectors: VS15 (U+FE0E) and VS16 (U+FE0F)
How Unicode variation selectors VS15 and VS16 control text vs emoji presentation — with code examples for detection and normalization.
How to Use Emojis in HTML: Entities, UTF-8, and CSS
Learn how to embed emojis in HTML using UTF-8 characters, numeric entities, and CSS. Includes accessibility tips and cross-browser best practices.
How to Type Emojis on Linux: IBus, GNOME, KDE, and More
Learn how to type emojis on Linux using IBus, GNOME's built-in picker, KDE, Unicode input, and terminal methods. Full guide for all desktop environments.
How to Find the Unicode Code Point for Any Emoji
Find the Unicode code point of any emoji using EmojiFYI, browser DevTools, Python, JavaScript, and the Unicode Character Database.
How to Add Emojis to Email Subject Lines and Body
Learn how to add emojis to email subject lines and body text in Gmail, Outlook, and Apple Mail. Includes tips on open rates, rendering, and best practices.