Producing graphics for widescreen

Although many people now own a widescreen television, we still need to ensure widescreen graphics display correctly when viewed on a 4:3 television. In order to display a widescreen image on a 4:3 TV, the widescreen image may either be centre cut-out or letterboxed.

Widescreen Graphics 4:3 diagram

4:3 (Centre cut-out)

The left and right edges of the screen will not be visible on any set where the image is cropped to 4:3 (Centre cut-out).

These areas should be treated as additional safe margins and should only contain background information. Text, colour keys, navigation and all other essential graphical elements must be kept in the 4:3 safe area.

Widescreen Graphics 16:9 diagram

16:9 Shrunk to fit 4:3

The entire application may be shrunk 25% to fit within a letter box format on a 4:3 TV.

In this case, any text in the video must be large enough to stay legible at a smaller size.

BBC © 2014 The BBC is not responsible for the content of external sites. Read more.

This page is best viewed in an up-to-date web browser with style sheets (CSS) enabled. While you will be able to view the content of this page in your current browser, you will not be able to get the full visual experience. Please consider upgrading your browser software or enabling style sheets (CSS) if you are able to do so.