Graphics and Images

When choosing a file format, the main considerations are image quality and file size. GIF and JPEG are "lossy" formats—some of the original file information is lost as they are compressed, causing some reduction in image quality. Lossless file formats typically provide higher image quality but tend to be larger.

Applications created using the Windows Media Center Presentation Layer should generally use Portable Network Graphic (PNG) images. JPG is also acceptable for continuous-tone images (such as photographs). Do not use GIF images with the Windows Media Center Presentation Layer.

Remember that graphics must be large enough to view from a distance. Avoid fine detail. Borders and lines should be at least two pixels wide. In the following illustration, the image on the left uses the appropriate detail and pixel width; the illustration on the right does not.

Test images on both a computer monitor and a TV screen, viewing them from various distances up to 15 feet from the screen.

Here are some tips on using graphics and images:

• Avoid fine detail; single-pixel lines flicker on NTSC.
• Graphics, icons and UI widgets generally need to be a little larger for distance viewing.

Graphics and images designed for traditional desktop applications generally will not work. Their detail, single pixel lines, and typography are too small for distance viewing. The Windows Media Center power menu shows how those same controls have translated into distance viewing- and remote control-friendly icons, selectable items, and fonts. Also notice the clearly defined focus/no focus states—something not present with most desktop buttons.

See Also

• Designing Applications for Windows Media Center
• Developing Applications for Windows Media Center