矢量表情符号

Design & Typography

使用可缩放矢量图形(SVG或COLR)渲染的表情符号,在任何尺寸下都能保持清晰显示。

Vector emoji use mathematical descriptions of shapes rather than pixel grids, allowing them to scale to any size without quality loss. The two main vector technologies for emoji are:

- **COLR/CPAL**: Multi-layered vector glyphs where each layer has a color from a palette. Used by Windows, Chrome, and Android.
- **SVG in OpenType**: Full SVG documents embedded in font files. Used by Firefox and Adobe products.

Vector emoji are increasingly preferred because they use less storage than bitmaps and display crisply on high-DPI screens, variable-size contexts (like responsive web), and print.

相关术语

COLR/CPAL (COLR) COLR/CPAL (COLR)
将表情符号定义为带有调色板的分层矢量形状的OpenType彩色字体表,被Windows和Chrome采用。
SVG in OpenType (SVGinOT) SVG in OpenType (SVGinOT)
将SVG(可缩放矢量图形)文档直接嵌入OpenType字体文件的方法,用于实现可缩放的彩色表情符号。
位图表情符号 位图表情符号
以固定分辨率像素图像渲染的表情符号,以PNG等光栅格式存储在字体文件中。
表情符号尺寸 表情符号尺寸
表情符号在不同场景下的显示尺寸,因平台、应用程序和渲染环境而有所不同。

相关工具

🔀 平台比较 平台比较
比较表情符号在 Apple、Google、Samsung、Microsoft 等平台上的渲染效果,并排查看视觉差异。