home
 tv internet sites
 production process
 requirements
supported technology
design: page layout
design: colour on tv
design: graphics
caching
secure transactions
logo specification
Liberate 1.2
sensitive content
url naming convention
unsupported technology
usability & navigation
design: text on tv
memory
using HTML forms
hosting your site
 how to...
 downloads
 platform
 tools
 training & events
fix tv colour & display problems

Televisions display colours differently from a PC monitor. Colours appear more saturated and 'too bright'. Some combinations of colour can also clash and cause visual disturbances.

Certain patterns, fine details and thin lines will also create visual disturbances.

Unlike on a computer, pixels on a TV are not square, so your designs will be stretched horizontally when displayed on the TV. This is most noticeable with circular images.

  • Reduce the saturation of the colours you're using to 80-85%.
  • Combine colours with similar 'chrominance' (ie shades of the same colour), or colours which have RGB values close together.
  • Don't use lines with less than two pixels. Thin lines can also appear in images with fine details or images which have been overly 'sharpened'.
  • To ensure images do not appear 'stretched' on the TV set up the aspect ratio to: w=1, h=1.094.
  • Don't use images with gradient colour fills. Gradients display as coloured bands through DTV Navigator.
  • Pre-treat JPEGs. DTV Navigator reduces jpegs down to 16bit colours. Reduce the number of colours yourself to ensure you get the effect you want - don't use 24bit images.
  • Don't make the background transparent on gifs as this causes flickering. Create images in a block of colour to match the background.
 Related Links
requirements
design: colour on tv
design: graphics
design: text on tv
how to...
fixing colour issues
   © ntl Group Ltd 2002