子像素渲染

什么是子像素渲染？

• LCD 屏幕上的一个像素是由红绿蓝三个子像素构成的，LCD 屏幕能够做到单独控制每一个子像素的开关，因为这些子像素非常小，以至于人眼无法察觉到他们是一个个独立的颜色点（只能感觉到清晰度），与单纯的灰度渲染相比，水平方向的分辨率翻了三倍，竖笔的位置及粗细就可表现的更为精确，可以更加精确展现文本的曲线，文本外观也就更为清晰

为什么左边黄右边蓝？

• 通过观察发现子像素渲染总是把暖色放在左边，冷色放在右边，这样的设计从视觉上会感受到光源是从左边进入，增加字体的立体感，模拟 120 度光源，增加从左至右的阅读体验

子像素渲染和什么有关？

• 操作系统，浏览器，字体格式，CSS 属性

微软的渲染技术

• ClearType (GPI接口) 是从 XP 开始提供，从 Vista 开始默认启用，微软的理念是宁愿改变字形也要清晰显示，所以ClearType 会让字体更清晰，而不是更圆滑，这样的字体边缘使得大尺寸的字体并不比关闭抗锯齿的效果强多少（还是有边缘颗粒感），而小尺寸字体效果介于点阵和正常的亚像素渲染效果（比如 OS X ）之间（比 OS X 清晰，没 OS X 平滑）
• 由于以上原因微软从 Vista 之后推出的 DirectWrite 接口，用于取代老的 GDI, 修正 GDI 颗粒感的问题，DirectWrite 技术包含且超过了 GPI 的渲染技术，且 IE9 之后 IE 浏览器也支持此渲染技术

苹果的渲染技术

• 在 Mac OS 系统，所有浏览器都使用 Quartz 渲染引擎，也就是使用了亚像素渲染技术，苹果认为要忠于字体的设计，宁可显示不够清晰, Mac OS 的字体渲染技术不会试图理解构成字体的笔画及特征，因而也就不会出现曲解的情况
• 屏幕分辨率越来越高，像素渲染技术也就越来越无所谓了，针对屏显设计的字体也越来越无所谓了，以后的趋势就是展现字体设计本质，还原字体的真实面目，毕竟屏幕显示的恶劣环境快要过去了

不用于手机的原因

• iOS 大范围运用半透明效果，在半透明的图层上做渲染就必须知道下面图层的颜色，否则渲染效果就会很糟，但透明的问题常常不可控，所以就默认关闭子像素渲染了
• 手机的横竖屏切换使得本来垂直排列的红绿蓝像素水平，可能会让被渲染的文本效果有较为明显的改变
• 在部分较色不准的 Android 手机上，基于 sRGB 的子像素的渲染难度非常大