次の方法で共有


ClearType の概要

この記事では、Windows Presentation Foundation (WPF) で見つかった Microsoft ClearType テクノロジの概要について説明します。

テクノロジの概要

ClearType は、ノート PC 画面、ポケット PC 画面、フラット パネル モニターなど、既存の LCD (液晶ディスプレイ) 上のテキストの読みやすさを向上させる、Microsoft によって開発されたソフトウェア テクノロジです。 ClearType は、LCD 画面のすべてのピクセル内の個々の垂直カラー ストライプ要素にアクセスすることによって機能します。 ClearType より前は、コンピューターが表示できる最小の詳細レベルは 1 ピクセルでしたが、ClearType は LCD モニターで実行されているため、テキストの特徴をピクセルの一部として幅で表示できます。 余分な解像度は、テキスト表示の小さな詳細のシャープネスを高め、長い期間にわたってはるかに読みやすくします。

Windows Presentation Foundation (WPF) で使用できる ClearType は、最新世代の ClearType であり、Microsoft Windows グラフィックス デバイス インターフェイス (GDI) のバージョンに対していくつかの機能強化が行われました。

サブピクセルの配置

以前のバージョンの ClearType よりも大幅に改善された点は、サブピクセルの配置を使用する点です。 GDI で見つかった ClearType 実装とは異なり、Windows Presentation Foundation (WPF) で見つかった ClearType を使用すると、グリフをピクセルの開始境界だけでなく、ピクセル内で開始できます。 グリフの配置におけるこの余分な解像度のため、グリフの間隔と比率はより正確で一貫性があります。

次の 2 つの例は、サブピクセルの配置を使用するときに、サブピクセル境界でグリフを開始する方法を示しています。 左側の例は、以前のバージョンの ClearType レンダラーを使用してレンダリングされます。サブピクセルの配置は使用されていませんでした。 右側の例は、新しいバージョンの ClearType レンダラーを使用して、サブピクセルの配置を使用してレンダリングされます。 右側のイメージ内の各 l が少し異なる方法でレンダリングされることに注意してください。これは、それぞれが異なるサブピクセルで開始されるためです。 テキストを画面の通常のサイズで表示する場合、グリフイメージのコントラストが高いため、この違いは目立ちません。 これは、ClearType に組み込まれている高度なカラー フィルター処理が原因でのみ可能です。

ClearType の 2 つのバージョンで表示されたテキスト ClearType の初期バージョンと後期バージョンで表示されたテキスト

次の 2 つの例では、以前の ClearType レンダラーからの出力と、新しいバージョンの ClearType レンダラーを比較します。 右側に示されているサブピクセルの配置により、画面上の文字の間隔が大幅に改善されます。特に、小さなサイズではサブピクセルとピクセル全体の違いがグリフの幅のかなりの割合を占めるためです。 2 番目の画像では、文字間の間隔がより均等であることに注意してください。 テキストの画面全体の外観に対するサブピクセル配置の累積的な利点は大幅に増加し、ClearType テクノロジの大幅な進化を表します。

以前のバージョンの ClearType を使用して表示されるテキスト ClearType の以前のバージョンと新しいバージョンを使用したテキスト

Y 方向アンチエイリアシング

Windows Presentation Foundation (WPF) での ClearType のもう 1 つの改善点は、y 方向のアンチエイリアシングです。 y 方向アンチエイリアシングを使用しない GDI の ClearType は、x 軸では解像度が向上しますが、y 軸では解像度が向上しません。 浅い曲線の上部と下部では、ギザギザの縁が読みやすさを損ないます。

次の例は、y 方向のアンチエイリアシングを持たない効果を示しています。 この場合、文字の上下両端のギザギザがはっきりと見えます。

浅い曲線のエッジがジャグされたテキスト 浅い曲線のエッジがジャグされたテキスト

Windows Presentation Foundation (WPF) の ClearType は、y 軸方向におけるアンチエイリアス処理を提供し、ギザギザのエッジを滑らかにします。 これは、イデオグラフがほぼ等しい量の水平および垂直浅い曲線を持つ東アジア言語の読みやすさを向上させるために特に重要です。

次の例は、y 方向アンチエイリアシングの効果を示しています。 この場合、文字の上部と下部に滑らかな曲線が表示されます。

ClearType y 方向アンチエイリアシングを含むテキスト ClearType の y 方向アンチエイリアシングを適用したテキスト

ハードウェア アクセラレーション

Windows Presentation Foundation (WPF) の ClearType では、ハードウェア アクセラレーションを利用してパフォーマンスを向上させ、CPU 負荷とシステム メモリの要件を軽減できます。 グラフィックス カードのピクセル シェーダーとビデオ メモリを使用することで、ClearType は特にアニメーションを使用する場合に、テキストのレンダリングを高速化します。

Windows Presentation Foundation (WPF) の ClearType では、システム全体の ClearType 設定は変更されません。 Windows で ClearType を無効にすると、Windows Presentation Foundation (WPF) のアンチエイリアシングがグレースケール モードに設定されます。

Windows Presentation Foundation (WPF) アーキテクチャ設計上の決定事項の 1 つは、解像度に依存しないレイアウトでより高い解像度の DPI モニターをサポートすることです。 これは、Windows Presentation Foundation (WPF) がエイリアス化されたテキストレンダリングや一部の東アジアのフォントのビットマップをサポートしていないため、両方の解像度に依存するためです。

こちらも参照ください