6. Multimedia

Explore core multimedia elements and common media formats used in ICT.

Multimedia Basics

Choose one game type to play: Text, Image, Audio, or Video.

Image file formats

Upload an image, choose a file format, and compare how the result changes for BMP, JPEG, GIF, PNG, WebP, TIFF, and SVG.

WhatsApp Image 2026-07-28 at 23.31.49.jpeg
Original image
Original upload

Zoom: 100%

Original file (JPG / JPEG)

Extension: .jpg / .jpeg

Format facts

  • Compression: Lossy

Remarks

  • •Relatively small file size.
  • •Usually supports 24-bit colour depth.
Result preview (PNG)
Result preview appears here after upload.

PNG

Extension: .png

Format facts

  • Compression: Lossless

Remarks

  • •Supports colour depth as high as 48-bit or more.
  • •APNG (animated PNG) is an extension to PNG and it supports animation.
  • •For non-animated images, PNG is better than GIF for it has a higher colour depth and a higher compression ratio.

Live Demonstration

AVI vs MP4 Loading Behavior

The AVI example below is fetched completely before playback starts. The MP4 example uses HTTP byte-range requests, so playback can start while the rest of the file is still loading.

Put at least one .mp4 file in public/streaming-demo so this demo works both locally and after hosting.

AVI (full download first)

Downloading AVI file...

Video appears after AVI download completes.

MP4 (streaming supported)

Press play immediately. The browser can request chunks and continue downloading while playing.

AVI (No Streaming):

Browser downloads to memory:

0% downloaded

↓

Video playback:

0% watched ⏸️ Can't start yet!

Must wait for full download before playback.

MP4 (Streaming):

Browser downloads to memory:

0% downloaded

↓

Video playback:

0% watched ✅ Already playing!

You're watching while browser downloads the rest.