ClearType の概要ClearType Overview

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

テクノロジの概要Technology Overview

ClearTypeClearType は、ラップトップや Pocket PC の画面、フラット パネル モニターなど、既存の LCD (液晶ディスプレイ) でのテキストの読みやすさを向上させるために MicrosoftMicrosoft が開発したソフトウェア テクノロジです。 is a software technology developed by MicrosoftMicrosoft that improves the readability of text on existing LCDs (Liquid Crystal Displays), such as laptop screens, Pocket PC screens and flat panel monitors. ClearTypeClearType は、LCD 画面の各ピクセル内の個々の垂直カラー ストライプ要素にアクセスすることによって機能します。 works by accessing the individual vertical color stripe elements in every pixel of an LCD screen. ClearTypeClearType が開発されるまでは、コンピューターで表示可能な最小の詳細レベルは 1 ピクセルでしたが、ClearTypeClearType を LCD モニターで実行することで、テキストの各部分の幅が 1 ピクセルより小さくても表示できるようになりました。Before ClearTypeClearType, the smallest level of detail that a computer could display was a single pixel, but with ClearTypeClearType 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) で利用可能な ClearTypeClearType は、Microsoft Windows グラフィックス デバイス インターフェイス (GDI)Microsoft Windows Graphics Device Interface (GDI) に含まれるバージョンにいくつかの改良を加えた最新世代の ClearTypeClearType です。The ClearTypeClearType available in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) is the latest generation of ClearTypeClearType which has several improvements over version found in Microsoft Windows グラフィックス デバイス インターフェイス (GDI)Microsoft Windows Graphics Device Interface (GDI).

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

ClearTypeClearType の以前のバージョンから大きく改善された点の 1 つに、サブピクセル ポジショニングの使用があります。A significant improvement over the previous version of ClearTypeClearType is the use of sub-pixel positioning. GDIGDI に含まれている ClearTypeClearType 実装とは異なり、Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)ClearTypeClearType では、ピクセルの境界から開始するグリフだけでなく、ピクセルの途中から開始するグリフも表示できます。Unlike the ClearTypeClearType implementation found in GDIGDI, the ClearTypeClearType 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. 左側の例は、サブピクセル ポジショニングが採用されていない、以前のバージョンの ClearTypeClearType レンダラーを使用してレンダリングしたものです。The example on the left is rendered using the earlier version of the ClearTypeClearType renderer, which did not employ sub-pixel positioning. 右側の例は、新しいバージョンの ClearTypeClearType レンダラーで、サブピクセル ポジショニングを使用してレンダリングしたものです。The example on the right is rendered using the new version of the ClearTypeClearType 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. これは、ClearTypeClearType に組み込まれている高度なカラー フィルター処理によってのみ実現します。This is only possible because of sophisticated color filtering that is incorporated in ClearTypeClearType.

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

次の 2 つの例では、以前のバージョンの ClearTypeClearType レンダラーでの出力と新バージョンの ClearTypeClearType レンダラーの出力を比較しています。The following two examples compare output from the earlier ClearTypeClearType renderer with the new version of the ClearTypeClearType 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. サブピクセル ポジショニングによるさまざまなメリットがテキスト画面全体の外観に及ぼす効果は大幅に増加しましたが、これは ClearTypeClearType テクノロジが大きく進歩したことを表しています。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 ClearTypeClearType 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)ClearTypeClearType のもう 1 つの改善点は、y 方向のアンチエイリアシングです。Another improvement of ClearTypeClearType in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) is y-direction anti-aliasing. y 方向のアンチエイリアシングを行わない GDIGDIClearTypeClearType では、x 軸上では高い解像度を得られますが、y 軸上では解像度が低くなります。The ClearTypeClearType in GDIGDI 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

Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)ClearTypeClearType には、ギザギザした境界を滑らかにする y 方向レベルのアンチエイリアシング機能があります。 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 を含むテキスト-anti 方向-エイリアスText with ClearType y-direction anti-aliasing
ClearType の y 方向アンチエイリアシングを適用したテキストText with ClearType y-direction antialiasing

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

Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)ClearTypeClearType は、ハードウェア アクセラレーションを利用してパフォーマンスを向上させ、CPU の負荷および必要なシステム メモリを削減します。 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. グラフィックス カードのピクセル シェーダーおよびビデオ メモリを使用することにより、ClearTypeClearType では特にアニメーション使用時のテキストのレンダリングが速くなります。By using the pixel shaders and video memory of a graphics card, ClearTypeClearType provides faster rendering of text, particularly when animation is used.

Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)ClearTypeClearType によって、システム全体の ClearTypeClearType 設定が変更されることはありません。 in Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) does not modify the system-wide ClearTypeClearType settings. WindowsWindowsClearTypeClearType を無効にすると、Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) のアンチエイリアシングがグレースケール モードに設定されます。Disabling ClearTypeClearType in WindowsWindows sets Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF) antialiasing to grayscale mode. また、Windows Presentation Foundation (WPF)Windows Presentation Foundation (WPF)ClearTypeClearType によって、ClearType Tuner PowerToy の設定が変更されることはありません。In addition, ClearTypeClearType 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

ClearType レジストリの設定ClearType Registry Settings