Web Graphics and Animations

Graphics give web pages their visual character, supplying everything from photographs and illustrations to the small icons and decorative elements that guide a visitor around a site. Images on the web are stored in a few common file formats, each suited to different content. The GIF format, for example, supports a limited range of colours and is well suited to simple graphics, flat-colour illustrations, icons and logos, and it also allows transparency so an image can blend into a coloured background.

A particular feature of the GIF format is that it can hold several frames in one file and display them in sequence, producing a short looping animation. These animated GIFs were widely used for small moving elements such as spinning icons, banners and simple effects, because they play in any browser without a special plug-in. Clipart, meaning ready-made illustrations that can be reused, along with icons and background images, provides building blocks that designers place into pages rather than drawing everything from scratch.

Typography also shapes how a page looks. Fonts determine the appearance of text, and choosing readable, consistent fonts helps a site look organised and professional. Background images and tiles can fill areas behind content, though plain or subtle backgrounds usually keep text easiest to read. Together, images, animations, icons, clipart and fonts form the visual toolkit of web design, and using them in a consistent, restrained way generally produces clearer and more attractive pages than crowding many effects together.

Frequently asked questions

Why is the GIF format common for icons and simple graphics?

It handles flat-colour images well, supports transparency and can store animation, making it suitable for icons, logos and small moving elements.

How does an animated GIF work?

A single GIF file can hold several frames that the browser displays in sequence, producing a short looping animation without a plug-in.

What is clipart?

Clipart is ready-made illustrations that designers can reuse in pages, saving the effort of creating every image from scratch.