Graphic Images, Sounds & Animation


Computer graphics are anything that can be displayed on the screen except the text and sometimes even text falls into the graphics category if it is saved in a graphical format.

There are basically two types of computer graphic, bitmapped and vector/structured.

colour pallete

Bitmapped graphics are images that are mapped to the monitor or screen. The screen is made up of tiny dots called pixels. These dots can display various colours depending on the type of computer hardware and software you have. Using shades of red, green and blue (RGB) an image can be displayed on the screen by mapping different colours to the screen in different sequences.

Vector graphics use objects created from mathematical formulas to represent things like lines, curves, fills, line thickness, etc. to create the image.

Each type of graphic has it's own advantages and disadvantages. Older versions of HTML were only able to recognizes bitmapped graphics so most graphics created for the Internet, using standard HTML, are created or converted to a bitmap format. Newer versions of HTML are able to display vector graphics.

Within each of the two main types there are dozens of different formats.

Graphics formats are distinguished by their filename extensions.

The three main bitmapped format graphics used on the Internet are .gif, .jpg (.jpeg) and .png. There are many others including .bmp, .tiff (.tif), .pcx, .ppm, .tga and a host of others.[[{"fid":"379","view_mode":"full","fields":{"format":"full","alignment":"right","field_file_image_alt_text[und][0][value]":"Tool bar","field_file_image_title_text[und][0][value]":false},"type":"media","field_deltas":{"1":{"format":"full","alignment":"right","field_file_image_alt_text[und][0][value]":"Tool bar","field_file_image_title_text[und][0][value]":false}},"link_text":null,"attributes":{"alt":"Tool bar","height":205,"width":57,"class":"media-element file-full","data-delta":"1"}}]]

Some of the structured formats are .ai, .cmx, .eps, .wpg, .cgm and a host of others.

Bitmapped graphics can be created and modified in a paint program and vector or structured graphics can be created and modified in a draw program. Most graphic software provide tools to work with both structures.

The main tools in a graphics program allow you to select a section of a picture, erase part of a picture, fill a defined area, select a colour, magnify a section, draw free hand, draw with various tools such as a straight line; a curved line; a rectangle; an oval; and a polygon. You can also modify a drawing by changing the size, colour, placement, and, depending on the program, hundreds of other modification.


Sounds on your computer are produced with a sound card and audio software. Most internet browsers will play sounds using a plugin which will play the sound directly from the website. Some audio (and video) plugins will stream the multimedia content so that the sound and/or video will start playing before it has completely transferred to your computer.

Moving Picture Experts Group (MPEG) or MP3/MP4 is a multimedia format which is an attempt to create a standard among the various sound formats. This format uses lossy compression to produce smaller file sizes. When creating a sound file using lossy compression the highs and lows are removed as the level of compression is increased; producing smaller files but ones with less accuracy. MPEG has made it possible to place audio content on your website without having it sound tiny and hollow or taking an extreme amount of time to download. There are many different formats for sound including; Microsoft's .wav, Sun's .au & .snd, RealNetwork's RealAudio , .ra(*), and various others.

Musical Instruments Digital Interface (MIDI) files are sound tracks which use a collection of sounds contained in the .mid file to play a tune.

To create a sound file you will need an audio program. You can then record with a microphone or off of a prerecorded medium. Your computer will need to have a sound card properly installed and a speaker to hear your recording. You can save the sound file to play back later.

Animation and Video

With the advent of faster computers comes animation and video. Though it has been around for years the modern computer has made it possible to include animation in programs without causing them to slow down. As with every multimedia format there are a number of types.

A GIF animation is a series of separate images or frames that display one after the other to give the impression of movement. Other formats are Audio Visual Interleave's .avi, the before mentioned mpeg, Microsoft's Media Player .wmv, Apple's Quick Time .qt, .aif(*) & .mov, RealNetwork's RealVideo .rm(*), Many websites use the programming language JavaScript (or the jquery library) to animate content.

Most video content is streamed from a service like Youtube, Netflix, Amazon, etc. Streaming sends the video in parts rather than sending the entire file at once. This way long videos can be viewed.

Videos are displayed in a player. There are various animation or multimedia players available. Each streaming service has their own player to stream their content.

To create animations, sounds or graphics you will need a program that has the capabilities you want. Adequate storage space on the computer is also needed as animation and video files can be large. Visit the various multimedia company websites to read up on their product to see if they can do what you want. (Hint: to find a company website type 'the companies name'.com). Many companies offer free trials that you can download from their website.

You should also be aware that most media content placed on the Internet is considered published material and therefore copyright unless explicitly stated otherwise.

Last updated: March 3, 2021