Skip to main content
NSWIndustrial TechnologySyllabus dot point

How are digital images created and edited for multimedia, and why does the difference between raster and vector graphics matter?

Describe the creation and editing of digital images and graphics for multimedia, including raster and vector formats, resolution, colour, compression and file types, and their use in products

A focused guide to digital imaging for HSC Industrial Technology Multimedia Technologies. Raster and vector graphics, resolution and pixels, colour and bit depth, image editing, compression and file formats, and using images in multimedia products.

Generated by Claude Opus 4.76 min answer

Reviewed by: AI editorial process; not yet individually human-reviewed

Have a quick question? Jump to the Q&A page

Jump to a section
  1. What this dot point is asking
  2. Raster and vector graphics
  3. Resolution and pixels
  4. Colour and bit depth
  5. Image editing
  6. Compression and file formats
  7. Using images in multimedia

What this dot point is asking

Images are the most common media element in multimedia, so NESA expects you to understand how digital images and graphics are created and edited. You need to explain raster and vector formats, resolution and colour, image editing, compression and file types, and how images are used in a product. This knowledge decides whether the images in your Major Project look good and load efficiently, and it is examined in the written paper.

Raster and vector graphics

The first thing to understand about digital images is the two fundamental types:

  • Raster (bitmap) images are made of a grid of coloured dots called pixels. They reproduce photographs and complex tonal images well, but because they have a fixed number of pixels, enlarging them makes the pixels visible and the image blocky. Their quality depends on resolution.
  • Vector graphics are defined by mathematical descriptions of lines, curves and shapes rather than pixels. They scale to any size with no loss of quality and have small file sizes, which makes them ideal for logos, icons and illustrations, but they are not suited to photographs.

Choosing raster or vector for a given image is a basic and frequently examined decision.

Resolution and pixels

For raster images, resolution is the number of pixels in the image, often described in pixels or dots per unit. Higher resolution means more detail but larger files. Images for screen need lower resolution than images for print. Matching resolution to the use, enough for the screen size without bloating the file, is essential in multimedia where load time and storage matter.

Colour and bit depth

Colour in a digital image depends on the colour model and the bit depth, the number of bits used to describe each pixel's colour. More bits allow more colours and smoother gradation but larger files. Screen multimedia uses the RGB additive model, where colours are made by mixing red, green and blue light. Understanding colour and bit depth explains the trade-off between image quality and file size.

Image editing

Digital images are created and edited in imaging software. Common operations include cropping and resizing, adjusting brightness, contrast and colour, retouching and removing blemishes, combining images with layers, and applying effects and masks. Non-destructive editing with layers lets changes be revised without damaging the original. Editing skill turns raw photographs and graphics into polished elements that fit the product's look.

Compression and file formats

Image files are compressed to reduce their size for storage and fast loading:

  • Lossy compression discards some image data to make files much smaller, accepting a quality loss, as in JPEG, which suits photographs.
  • Lossless compression reduces size without losing quality, as in PNG, which suits graphics with sharp edges and transparency.
  • Vector formats store shapes as instructions, giving tiny files for illustrations.

File format is chosen for the image type, the quality needed and the file size you can afford, balancing appearance against load time.

Using images in multimedia

In a multimedia product, images must look good, fit the interface and load quickly. That means choosing raster for photos and vector for logos and icons, setting the right resolution for the screen, editing images to a consistent style, and compressing them to keep file sizes small. In your folio, justify these choices, because efficient, well-chosen images are part of a usable product.

Exam-style practice questions

Practice questions written in the style of NESA exam questions on this dot point, with worked answer explainers. The year tag is the paper they imitate, not the source.

2021 HSC1 marksWhat image type supports transparency? A. BMP B. GIF C. JPEG D. JPG
Show worked answer →

The correct answer is B: GIF.

GIF supports transparency by allowing one colour in its palette to be set as fully transparent, so the background shows through that area. This is why GIFs are used for simple web graphics with non-rectangular shapes.

JPEG and JPG (C and D are the same format) do not support transparency, and standard BMP files store every pixel as opaque with no alpha channel. (PNG also supports transparency, with smoother alpha blending, but it is not offered here.) So among these options B is correct.

2019 HSC1 marksWhich of the following file types allows for transparency? A. JPG B. MP4 C. PNG D. TIFF
Show worked answer →

The correct answer is C: PNG.

PNG supports an alpha channel, which stores a transparency value for each pixel. This allows smooth, partially transparent edges and is why PNG is the preferred format for logos and graphics that must sit cleanly over a coloured background or photo.

JPG (A) is a lossy photographic format with no transparency, MP4 (B) is a video container rather than a still-image format, and standard TIFF (D) is not used for web transparency in this context. So C is correct.

2021 HSC3 marksCalculate the file size in megabytes (MB) of a 1920 x 1080 pixel image with a bit depth of 32. Include all working.
Show worked answer →

Work in steps and show each, since marks are given for working.

Step 1, total pixels: 1920 x 1080 = 2 073 600 pixels.

Step 2, total bits: multiply by the bit depth, 2 073 600 x 32 = 66 355 200 bits.

Step 3, convert to bytes: divide by 8, 66 355 200 / 8 = 8 294 400 bytes.

Step 4, convert to megabytes: divide by 1 048 576 (1024 x 1024), 8 294 400 / 1 048 576 is approximately 7.91 MB.

So the image is about 7.9 MB (or about 8.29 MB if 1 MB is taken as 1 000 000 bytes). Full marks require the pixels x bit depth, the divide by 8, and the conversion to MB all shown.