OCR J834 Creative iMedia · R093: Creative iMedia in the Media Industry

Stretch tasks R093 TA4: File Formats and Properties

Task 1

Quiz Challenge

A quiz game against four computer players, then short and long written answers.

  1. Quiz Blitz12 questions against the clock
  2. Quick Fire4 short answers
  3. Big Think2 long answers

About 20 minutes

Task 2

This or That

Pixel the cat asks 8 questions. Each has two answers: pick the right one.

  • Two answers to every question
  • A fish treat for every right answer
  • Streaks win Pixel shades, then a party hat

About 4 minutes

Task 3

Memory Match

Flip the cards two at a time to match each term card to its meaning card.

  • 12 cards: each term has a meaning
  • One peek at every card
  • Combo points for pairs found in a row

6 pairs, about 4 minutes

Task 4

Sort It

Sort each statement into the right box, like the tick-box tables in the exam.

  • 11 cards to sort into 3 boxes
  • Drag a card, tap a box or press its number
  • Combo points for cards sorted in a row

11 cards, about 4 minutes

The games need JavaScript. Every question is below, with the answers at the end.

Read the lesson: R093 TA4: File Formats and Properties

R093 TA4: File Formats and Properties: the questions

Quiz Challenge, round 1: Quiz Blitz

  1. Which format suits a logo that must scale to any size?

    • GIF
    • BMP
    • SVG
    • JPG
  2. Which image format cannot store transparency?

    • WEBP
    • JPG
    • PNG
    • SVG
  3. What happens when a raster image is enlarged a lot?

    • It pixelates or blurs
    • It stays perfectly sharp
    • It turns into a vector
    • It changes colour
  4. Which audio format is uncompressed and used for editing masters?

    • MP3
    • AAC
    • MP4
    • WAV
  5. About how many pixels per inch does print need?

  6. Printing presses use RGB colour.

    • True
    • False
  7. What is a codec?

    • A screen resolution
    • The method used to encode and decode a stream
    • A file extension
    • A type of container
  8. Which aspect ratio is a vertical phone video?

    • 9:16
    • 16:9
    • 1:1
    • 4:3
  9. Which frame rate is standard for UK broadcast?

    • 25 fps
    • 24 fps
    • 60 fps
    • 12 fps
  10. Which TWO formats use lossless compression?

    Tick 2.

    • MP3
    • AAC
    • PNG
    • FLAC
    • JPG
  11. Why should you edit the master rather than the JPG export?

    • Each JPG re-save discards more detail
    • JPGs cannot be opened
    • Masters are smaller
    • JPGs have no colour
  12. What does bit rate mainly control?

    • Screen brightness
    • The aspect ratio
    • The frame size in pixels
    • Video and audio quality and file size

Quiz Challenge, round 2: Quick Fire

  1. Explain the difference between raster and vector images. [2 marks]

  2. Explain why a PNG would be chosen over a JPG for a screenshot with transparent edges. [2 marks]

  3. A poster was sent to a printer as an RGB file at 72 ppi. Explain two problems. [2 marks]

  4. Explain the difference between a container and a codec. [2 marks]

Quiz Challenge, round 3: Big Think

  1. A band needs files for a gig poster to be printed, the same artwork for Instagram, its logo for all uses, and a 30 second video for social media. Recommend a file format and properties for each, justifying your choices. [6 marks]

  2. Discuss the use of lossy and lossless compression in a podcast studio's workflow, from recording to publishing. [6 marks]

This or That: tick the right answer

  1. A photograph on a web page: JPG or SVG?

    • SVG
    • JPG
  2. A logo: SVG or JPG?

    • JPG
    • SVG
  3. A file for a printing press: CMYK or RGB?

    • CMYK
    • RGB
  4. A simple animation: GIF or TIFF?

    • TIFF
    • GIF
  5. Recording a voiceover master: WAV or MP3?

    • MP3
    • WAV
  6. Does 300 ppi tell you how big an image is?

    • No: you need the dimensions
    • Yes: 300 ppi is large
  7. Sending a finished layout to a client: PDF or PSD?

    • PSD
    • PDF
  8. A film for the cinema: 24 fps or 60 fps?

    • 24 fps
    • 60 fps

Memory Match: match each term to its meaning

TermMeaning
A Raster1 Encodes and decodes a stream
B Vector2 Data used per second
C Codec3 Paths that scale without loss
D Container4 Width compared with height
E Bit rate5 A file such as MP4 holding the streams
F Aspect ratio6 An image made of pixels

Sort It: tick one box in each row

Is each format lossy, lossless or uncompressed?

StatementLossyLosslessUncompressed
JPG
GIF
PNG
BMP
FLAC
AIFF
MP3
WAV
AAC
MP4 (H.264)
ZIP
Answers

Round 1: Quiz Blitz

  1. SVG A vector scales with no loss.
  2. JPG Use PNG when transparency is needed.
  3. It pixelates or blurs It is a fixed grid of pixels.
  4. WAV Record and edit in WAV, then export a compressed copy.
  5. 300 72 ppi is fine on screen, but print needs about 300.
  6. False Presses use CMYK. Screens use RGB.
  7. The method used to encode and decode a stream H.264 and AAC are codecs. MP4 is a container.
  8. 9:16 16:9 is landscape and 1:1 is square.
  9. 25 fps Cinema uses 24, and sport often 50 or 60.
  10. PNG; FLAC Lossless formats can be restored exactly.
  11. Each JPG re-save discards more detail Lossy compression is generational.
  12. Video and audio quality and file size Bit rate is the data used per second.

Round 2: Quick Fire

    • Raster images are pixels, which blur when enlarged
    • Vector images are paths, which scale with no loss
    Model answer

    A raster image is a grid of pixels, which blurs or pixelates when enlarged, so it suits photographs. A vector image is made of mathematical paths and shapes, which scale to any size with no loss, so it suits logos.

    • PNG supports alpha transparency, and JPG cannot
    • PNG is lossless, so text and flat colour stay sharp
    Model answer

    PNG supports full alpha transparency, which JPG cannot store at all. PNG is also lossless, so the flat colours and text in a screenshot stay sharp, with no blurry artefacts.

    • Presses use CMYK, so the colours shift
    • 72 ppi is too low for print, so it looks pixelated
    Model answer

    Printing presses use CMYK, so RGB colours shift, and bright greens and oranges come back dull. At 72 ppi the resolution is far too low for print, which needs about 300 ppi, so the poster will look pixelated and blurry.

    • A container, such as MP4, holds the streams
    • A codec, such as H.264, encodes and decodes a stream
    Model answer

    A container, such as MP4 or MOV, is the file format that holds the audio and video streams. A codec, such as H.264 or AAC, is the method used to encode and decode each stream, which is why two MP4 files can be completely different inside.

Round 3: Big Think

    • The printed poster as a PDF or TIFF
    • In CMYK at 300 ppi, with bleed
    • The Instagram artwork as an RGB JPG or PNG
    • Cropped to the platform's aspect ratio, such as square
    • The logo as an SVG master, which scales
    • With PNG exports where SVG cannot be used
    • The video as an MP4 using H.264
    • Vertical, with captions
    Model answer

    The printed poster should be a PDF or TIFF in CMYK at 300 ppi, with bleed, because printing presses use CMYK and print needs high resolution. The Instagram version should be an RGB JPG cropped square at 1:1, compressed to a small size, because it is shown on screens and must load quickly. The logo needs an SVG master, because a vector scales to any size, from a badge to a banner, with PNG exports with transparency for places that cannot use SVG. The video should be an MP4 using H.264, which plays everywhere, cropped vertical at 9:16 with captions, because most viewers watch on phones with the sound off.

    • Record and edit in WAV, which is uncompressed
    • So the masters keep full quality for editing
    • Archive as FLAC, with no loss
    • Publish as MP3 or AAC
    • A far smaller file to download or stream
    • The sounds removed are ones listeners cannot hear
    • Never re-save the MP3: edit the master and export again
    • A suitable bit rate, such as 128 kbps
    Model answer

    The studio should record and edit in WAV, which is uncompressed, so the masters keep full quality for editing. Finished masters can be archived as FLAC, which is lossless, so the files are smaller with no loss. For publishing, the episode is exported as an MP3 or AAC file at around 128 kbps, which is lossy, so the file is far smaller to download and stream, and the sounds removed are ones listeners cannot hear. Because lossy compression is generational, every change should be made to the WAV master and a new MP3 exported, never by re-saving the MP3.

This or That

  1. JPG Photographs are raster images. SVG suits logos and icons.
  2. SVG A vector logo scales to any size with no loss.
  3. CMYK Presses print in CMYK. RGB colours shift.
  4. GIF TIFF is for print production and archive masters.
  5. WAV Masters are kept uncompressed for editing.
  6. No: you need the dimensions Resolution is density. The dimensions give the size.
  7. PDF A PDF looks identical everywhere. A PSD is a working file.
  8. 24 fps Cinema uses 24 fps. 50 or 60 suits fast sport.

Memory Match

  • A 6 Raster: An image made of pixels
  • B 3 Vector: Paths that scale without loss
  • C 1 Codec: Encodes and decodes a stream
  • D 5 Container: A file such as MP4 holding the streams
  • E 2 Bit rate: Data used per second
  • F 4 Aspect ratio: Width compared with height

Sort It

  1. Lossy JPG JPG throws away detail the eye is unlikely to notice.
  2. Lossless GIF GIF is lossless, though limited to 256 colours.
  3. Lossless PNG PNG keeps every pixel.
  4. Uncompressed BMP A bitmap usually stores every pixel with no compression.
  5. Lossless FLAC FLAC archives audio with no loss.
  6. Uncompressed AIFF AIFF is uncompressed, like WAV.
  7. Lossy MP3 MP3 removes sounds most people cannot hear.
  8. Uncompressed WAV WAV is uncompressed.
  9. Lossy AAC AAC is lossy, with better quality than MP3 at the same size.
  10. Lossy MP4 (H.264) H.264 video is lossy.
  11. Lossless ZIP A ZIP archive restores files exactly.