ClearType の概要ClearType Overview

このトピックでは、 Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)で検出された Microsoft の ClearType テクノロジの概要について説明します。This topic provides an overview of the Microsoft ClearType technology found in the Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF).

テクノロジの概要Technology Overview

ClearType は、Microsoft によって開発されたソフトウェアテクノロジで、ラップトップの画面、Pocket PC の画面、フラットパネルモニターなど、既存の Lcd (液晶ディスプレイ) でのテキストの読みやすさを向上させます。ClearType is a software technology developed by Microsoft that improves the readability of text on existing LCDs (Liquid Crystal Displays), such as laptop screens, Pocket PC screens and flat panel monitors. ClearType は、LCD 画面のすべてのピクセルで個々の垂直色のストライプ要素にアクセスすることによって機能します。ClearType works by accessing the individual vertical color stripe elements in every pixel of an LCD screen. ClearType より前は、コンピューターが表示できる最小の詳細レベルは1ピクセルですが、LCD モニターで ClearType が実行されているため、テキストの特徴をピクセルの幅で表示できるようになりました。Before ClearType, the smallest level of detail that a computer could display was a single pixel, but with ClearType running on an LCD monitor, we can now display features of text as small as a fraction of a pixel in width. 解像度が上がるとテキスト表示の微細部の鮮明度が高くなるため、長時間にわたって読んでも苦になりません。The extra resolution increases the sharpness of the tiny details in text display, making it much easier to read over long durations.

Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)使用できる cleartype は、Microsoft Windows グラフィックスデバイスインターフェイス (GDI) で見つかったバージョンに対していくつかの機能強化が施された最新世代の cleartype です。The ClearType available in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) is the latest generation of ClearType which has several improvements over version found in Microsoft Windows Graphics Device Interface (GDI).

サブピクセル ポジショニングSub-pixel Positioning

以前のバージョンの ClearType よりも大幅に改善された点は、サブピクセルの配置を使用することです。A significant improvement over the previous version of ClearType is the use of sub-pixel positioning. GDI の cleartype 実装とは異なり、のWindows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) cleartype では、ピクセルの開始境界だけでなく、ピクセル内でグリフを開始することができます。Unlike the ClearType implementation found in GDI, the ClearType found in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) allows glyphs to start within the pixel and not just the beginning boundary of the pixel. グリフの配置の解像度が上がることにより、グリフの間隔や比率の正確さや一貫性が増します。Because of this extra resolution in positioning glyphs, the spacing and proportions of the glyphs is more precise and consistent.

次の 2 つの例は、サブピクセル ポジショニングを使用した場合にサブピクセル境界でグリフを開始できることを示しています。The following two examples show how glyphs may begin on any sub-pixel boundary when sub-pixel positioning is used. 左側の例は、サブピクセルの配置を使用していない以前のバージョンの ClearType レンダラーを使用してレンダリングされます。The example on the left is rendered using the earlier version of the ClearType renderer, which did not employ sub-pixel positioning. 右側の例は、サブピクセルの配置を使用して、新しいバージョンの ClearType レンダラーを使用してレンダリングされます。The example on the right is rendered using the new version of the ClearType renderer, using sub-pixel positioning. 右側のイメージの el が、それぞれ異なるサブピクセルから開始しているために若干異なってレンダリングされていることに注意してください。Note how each e and l in the right-hand image is rendered slightly differently because each starts on a different sub-pixel. グリフ イメージはハイ コントラストであるため、テキストを標準サイズで画面に表示したときは、この違いはわかりません。When viewing the text at its normal size on the screen, this difference is not noticeable because of the high contrast of the glyph image. これは、ClearType に組み込まれている高度な色のフィルター処理が原因でのみ可能です。This is only possible because of sophisticated color filtering that is incorporated in ClearType.

2 つのバージョンの ClearType で表示されるテキストText displayed with two versions of ClearType
ClearType の以前のバージョンと新しいバージョンを使用して表示されるテキストText displayed with earlier and later versions of ClearType

次の2つの例では、以前の ClearType レンダラーの出力を、新しいバージョンの ClearType レンダラーと比較しています。The following two examples compare output from the earlier ClearType renderer with the new version of the ClearType renderer. 右側に示したサブピクセル ポジショニングでは、画面上の文字の間隔が大きく改善されています。特に、サブピクセル 1 個とピクセル 1 個の差がグリフの幅に占める割合の大きい、小さなサイズの場合によくわかります。The subpixel positioning, shown on the right, greatly improves the spacing of type on screen, especially at small sizes where the difference between a sub-pixel and a whole pixel represents a significant proportion of glyph width. 2 番目のイメージの方が、文字の間隔が均等に近くなっています。Note that spacing between the letters is more even in the second image. テキスト画面の全体的な外観に対するサブピクセルポジショニングの累積的な利点は、大幅に増加し、ClearType テクノロジの大幅な進化を表しています。The cumulative benefit of sub-pixel positioning to the overall appearance of a screen of text is greatly increased, and represents a significant evolution in ClearType technology.

以前のバージョンの ClearType で表示されるテキストText displayed with earlier version of ClearType
ClearType の以前のバージョンと新しいバージョンを使用したテキストText with earlier and later versions of ClearType

Y 方向のアンチエイリアシングY-Direction Antialiasing

Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)の ClearType のもう1つの改良点は、y 方向のアンチエイリアシングです。Another improvement of ClearType in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) is y-direction anti-aliasing. Y 方向のアンチエイリアシングを使用しない GDI の ClearType では、y 軸ではなく x 軸での解像度が向上しています。The ClearType in GDI without y-direction anti-aliasing provides better resolution on the x-axis but not the y-axis. 緩やかな曲線部分の上下では、境界がギザギザになって読みにくくなります。On the tops and bottoms of shallow curves, the jagged edges detract from its readability.

次の例では、y 方向のアンチエイリアシングを使用しない場合の効果を示します。The following example shows the effect of having no y-direction antialiasing. この場合、文字の上下で境界がギザギザになっていることがよくわかります。In this case, the jagged edges on the top and bottom of the letter are apparent.

浅い曲線上にギザギザした端のテキストText with jagged edges on shallow curves
緩やかな曲線上にギザギザした境界が付いたテキストText with jagged edges on shallow curves

の ClearType Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)では、y 方向レベルでアンチエイリアシングを使用して、ギザギザした端を滑らかにします。ClearType in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) provides antialiasing on the y-direction level to smooth out any jagged edges. これは、東アジア言語を読みやすくするために特に重要です。これらの言語の表意文字では、緩やかな曲線の量が水平方向と垂直方向でほぼ同じであるからです。This is particularly important for improving the readability of East Asian languages where ideographs have an almost equal amount of horizontal and vertical shallow curves.

次の例では、y 方向のアンチエイリアシングの効果を示します。The following example shows the effect of y-direction antialiasing. この場合、文字の上下の曲線が滑らかに表示されています。In this case, the top and bottom of the letter show a smooth curve.

ClearType の y-方向のアンチ-エイリアシングを含むテキストText with ClearType y-direction anti-aliasing
ClearType の y 方向アンチエイリアシングを適用したテキストText with ClearType y-direction antialiasing

ハードウェアの高速化Hardware Acceleration

の ClearType Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)では、ハードウェアの高速化を利用してパフォーマンスを向上させ、CPU の負荷とシステムメモリの要件を減らすことができます。ClearType in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) can take advantage of hardware acceleration for better performance and to reduce CPU load and system memory requirements. グラフィックスカードのピクセルシェーダーとビデオメモリを使用することにより、特にアニメーションが使用される場合に、ClearType によってテキストのレンダリングが高速になります。By using the pixel shaders and video memory of a graphics card, ClearType provides faster rendering of text, particularly when animation is used.

の cleartype Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)では、システム全体の cleartype 設定は変更されません。ClearType in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) does not modify the system-wide ClearType settings. Windows で ClearType を無効Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)にすると、アンチエイリアシングがグレースケールモードに設定されます。Disabling ClearType in Windows sets Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) antialiasing to grayscale mode. また、のWindows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) cleartype では、 cleartype チューナー PowerToyの設定は変更されません。In addition, ClearType in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) does not modify the settings of the ClearType Tuner PowerToy.

Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) のアーキテクチャ設計における決定事項の 1 つに、解像度に依存しないレイアウトによる高解像度 DPI モニターのサポート向上があります。高解像度モニターの普及は進みつつあるからです。One of the Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) architectural design decisions is to have resolution independent layout better support higher resolution DPI monitors, which are becoming more widespread. この決定を受けて、Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) ではエイリアス化されたテキスト レンダリングや、一部の東アジア言語フォントのビットマップをサポートしないことになりました。これらはどちらも解像度に依存するためです。This has the consequence of Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) not supporting aliased text rendering or the bitmaps in some East Asian fonts because they are both resolution dependent.

詳細情報Further Information

ClearType の情報ClearType Information

ClearType Tuner PowerToyClearType Tuner PowerToy

関連項目See also