BSEB Inter Multimedia & Web Tech study materials
BSEB Inter Multimedia & Web Tech study resources

BSEB Inter Multimedia & Web Tech practice questions

One question at a time. Build your BSEB Inter Multimedia & Web Tech understanding.

First 50 of 200 questions. Each one lists the choices, the correct answer, and an explanation. The checker at the top of this page saves progress in this browser when it is available.

Continue in the practice tool above to load more questions, 50 at a time.

Question 1Multimedia Fundamentals and Authoring Tools

In multimedia authoring, which term describes the sequence in which screens or frames are presented to the learner without learner control over the order?

  1. Linear navigation Correct answer.
  2. Branching navigation
  3. Hyperlinked navigation
  4. Adaptive navigation

Explanation

Linear navigation presents content in a fixed, predetermined sequence, such as page after page or frame after frame, with no learner choice of path. Branching, hyperlinked and adaptive structures all let the path change in response to learner input or performance.

Question 2Multimedia Fundamentals and Authoring Tools

A designer wants a still image to appear to move smoothly across the stage over 3 seconds. Which authoring technique is the standard way to achieve this?

  1. Converting the image to a symbol library asset
  2. Compressing the image with a lossy codec
  3. Tweening the object's position between two keyframes Correct answer.
  4. Changing the stage background colour each frame

Explanation

Tweening interpolates an object's properties, such as x/y position, between a start keyframe and an end keyframe, producing smooth motion without drawing every frame. The timeline calculates the intermediate values automatically.

Question 3Multimedia Fundamentals and Authoring Tools

Which file format stores vector graphics as XML-style text and is widely used for scalable web logos and icons?

  1. GIF
  2. SVG Correct answer.
  3. JPEG
  4. BMP

Explanation

SVG (Scalable Vector Graphics) is an XML-based vector format, so shapes remain crisp at any scale and can be styled or animated with code. JPEG, GIF and BMP are all raster formats built from pixels.

Question 4Multimedia Fundamentals and Authoring Tools

What does the frame rate of a video specify?

  1. The number of bits used to store each pixel
  2. The number of colour channels in the video stream
  3. The number of individual images displayed per second Correct answer.
  4. The number of audio samples captured per second

Explanation

Frame rate, expressed in frames per second (fps), counts how many still images are shown each second and therefore controls how smooth motion appears. Bit depth and sampling rate are separate properties.

Question 5Multimedia Fundamentals and Authoring Tools

Which colour model is subtractive and is therefore the basis for mixing inks and pigments in print?

  1. RGB
  2. CMYK Correct answer.
  3. HSV
  4. YUV

Explanation

CMYK works by subtracting light: cyan, magenta and yellow inks absorb parts of the spectrum and black adds density, which suits reflective media such as paper. RGB is additive because it mixes emitted light on screens.

Question 6Multimedia Fundamentals and Authoring Tools

In timeline-based authoring tools, what is the purpose of a keyframe?

  1. It marks a point where a property value is explicitly defined Correct answer.
  2. It locks a layer so it cannot be edited
  3. It exports the current frame as a still image
  4. It sets the document's publishing frame rate

Explanation

A keyframe records a specific value for an animated property at a specific time, and the software interpolates between keyframes. Without keyframes there is nothing for a tween to interpolate between.

Question 7Multimedia Fundamentals and Authoring Tools

Which audio file type is uncompressed and stores sampled waveform data directly, making it large but easy to edit losslessly?

  1. WAV Correct answer.
  2. OGG
  3. MP3
  4. AAC

Explanation

WAV stores raw PCM sample data with little or no compression, so repeated editing does not degrade quality, at the cost of large files. MP3, OGG and AAC are all perceptual/lossy compressed formats.

Question 8Multimedia Fundamentals and Authoring Tools

Which element of visual design refers to the relative lightness or darkness of a colour?

  1. Saturation
  2. Value Correct answer.
  3. Texture
  4. Hue

Explanation

Value describes how light or dark a colour is and is central to creating contrast and readable layouts. Hue is the colour family itself, saturation is its intensity, and texture is surface quality.

Question 9Multimedia Fundamentals and Authoring Tools

A learner clicks a hotspot on a diagram and is taken to a page explaining that part, then returns to the diagram. Which authoring structure does this best illustrate?

  1. Frame-by-frame animation
  2. Time-based animation
  3. Linear sequence
  4. Hyperlinked node structure Correct answer.

Explanation

Hotspots that jump to related nodes and allow return describe a hyperlinked or node-link structure, where the learner controls the path. Linear sequences and animations do not branch on user clicks.

Question 10Multimedia Fundamentals and Authoring Tools

An authoring team must deliver an interactive title that runs on Windows, macOS and Android with one code base. Which authoring approach is most appropriate?

  1. Cross-platform authoring with runtime export targets Correct answer.
  2. Single-platform presentation software
  3. Native development separately for each operating system
  4. Print-oriented desktop publishing software

Explanation

Cross-platform authoring tools let one project be published to multiple runtime targets, reducing duplicated effort. Native per-OS development multiplies work, and print or single-platform tools cannot produce the required runtimes.

Question 11Multimedia Fundamentals and Authoring Tools

Why is a storyboard prepared before production of a multimedia title begins?

  1. To plan visual sequence, screen content and interaction flow in advance Correct answer.
  2. To record the final audio narration
  3. To compress the final media assets for delivery
  4. To calculate the licence cost of stock images

Explanation

A storyboard is a planning artefact that sketches each screen, its content and the transitions or interactions between screens, letting the team review structure before costly production. Compression, narration recording and licensing are separate later or parallel tasks.

Question 12Multimedia Fundamentals and Authoring Tools

A 24-bit RGB image uses 8 bits per channel. How many distinct colours can a single pixel represent?

  1. 256
  2. 16,777,216 Correct answer.
  3. 1,024
  4. 65,536

Explanation

Each of the three channels has 2^8 = 256 levels, so the total is 256 × 256 × 256 = 16,777,216 colours. The other values correspond to single-channel or two-channel bit depths.

Question 13Multimedia Fundamentals and Authoring Tools

A designer must shrink a 4000-pixel-wide photograph to 400 pixels for a web banner. Which step order best preserves quality in an image editor?

  1. Apply heavy sharpening, then resample to the target size
  2. Resample the image down to the target size, then apply sharpening Correct answer.
  3. Convert to an indexed palette, then resample
  4. Increase contrast, then upscale to 8000 pixels before resizing

Explanation

Downsampling averages neighbouring pixels and slightly softens the result, so a light sharpening pass afterwards restores apparent crispness. Sharpening before downsampling wastes detail that is then discarded.

Question 14Multimedia Fundamentals and Authoring Tools

Which statement correctly distinguishes lossy from lossless compression?

  1. Lossy compression allows exact reconstruction, while lossless compression discards data
  2. Lossy compression permanently discards data, while lossless compression allows exact reconstruction Correct answer.
  3. Both allow exact reconstruction but differ only in file extension
  4. Both discard data but lossless discards more of it

Explanation

Lossless compression such as PNG or ZIP can be decoded back to the identical original data. Lossy compression such as JPEG or MP3 removes information judged perceptually less important, so the original cannot be restored exactly.

Question 15Multimedia Fundamentals and Authoring Tools

In a multimedia project, what is the main role of an authoring tool's scripting or behaviour system?

  1. To manage the operating system's font library
  2. To store the project's raw video footage
  3. To define interactivity and logic such as scoring and branching Correct answer.
  4. To convert analogue audio into digital samples

Explanation

Scripting or built-in behaviours attach logic to events such as clicks and frame entry, enabling scoring, branching and other interactive responses. Media storage, OS font management and audio digitisation are handled elsewhere.

Question 16Multimedia Fundamentals and Authoring Tools

Which sampling rate is the minimum that satisfies the Nyquist criterion for faithfully capturing frequencies up to about 20 kHz in audio?

  1. 44.1 kHz Correct answer.
  2. 8 kHz
  3. 22.05 kHz
  4. 11 kHz

Explanation

The Nyquist theorem requires sampling at more than twice the highest frequency to be captured, so 20 kHz needs above 40 kHz; 44.1 kHz is the standard audio CD rate that satisfies this. Lower rates would alias higher frequencies.

Question 17Multimedia Fundamentals and Authoring Tools

A project must display a short looping logo animation with transparency over a web page. Which format choice is most suitable?

  1. Animated GIF or a video with alpha support such as WebM Correct answer.
  2. An uncompressed WAV audio file
  3. A multi-page PDF document
  4. A single high-resolution JPEG still

Explanation

Animated GIF supports simple looping animation and a single transparent colour, while WebM video can carry real alpha transparency for smoother results. A still image cannot animate, and audio or PDF files cannot render as an inline page animation.

Question 18Multimedia Fundamentals and Authoring Tools

Which statement about vector and raster graphics is accurate?

  1. Raster graphics scale without pixelation because they store geometric descriptions
  2. Raster graphics cannot be displayed on the web
  3. Vector graphics scale without pixelation because they store geometric descriptions Correct answer.
  4. Vector graphics are always smaller in file size than raster graphics

Explanation

Vector formats describe shapes mathematically, so rendering at a larger size recalculates edges and stays sharp. Raster images store a fixed pixel grid and show pixelation when enlarged beyond their resolution.

Question 19Multimedia Fundamentals and Authoring Tools

A designer sets an object's alpha to 50 percent in an authoring tool. What is the visible result?

  1. The object is removed from the stage entirely
  2. The object is locked against further editing
  3. The object becomes semi-transparent, letting the background show through Correct answer.
  4. The object's colours are converted to greyscale

Explanation

Alpha controls opacity, so 50 percent alpha blends the object with whatever lies beneath it. It does not delete, desaturate or lock the object.

Question 20Multimedia Fundamentals and Authoring Tools

In interactive multimedia, why should navigation controls remain consistent across screens?

  1. Consistent controls reduce the file size of the published title
  2. Consistent placement lets learners transfer learned navigation habits between screens Correct answer.
  3. Consistent controls guarantee accessibility compliance on their own
  4. Consistent controls remove the need for any scripting

Explanation

When controls such as back, next and menu stay in the same place and style, learners build a mental model and can navigate without relearning each screen. This improves usability but does not by itself guarantee accessibility or reduce file size.

Question 21Multimedia Fundamentals and Authoring Tools

Which practice best supports accessibility of a multimedia title for learners with hearing impairment?

  1. Replacing all text with decorative images
  2. Using only background music to convey key information
  3. Increasing the frame rate of all video clips
  4. Providing synchronised captions and a text transcript for narration Correct answer.

Explanation

Captions and transcripts make spoken content available in text form, which is the standard accommodation for deaf and hard-of-hearing users. Higher frame rates, image-only text and music-only cues do not provide equivalent access.

Question 22Multimedia Fundamentals and Authoring Tools

A 10-second video clip is encoded at a constant 2 Mbps. Approximately how large is the video stream, ignoring audio and container overhead?

  1. About 250 megabytes
  2. About 2.5 megabytes Correct answer.
  3. About 20 megabytes
  4. About 0.2 megabytes

Explanation

Two megabits per second for ten seconds gives 20 megabits. Dividing by 8 converts bits to bytes, giving 2.5 megabytes. Forgetting the bit-to-byte conversion produces the 20 megabyte distractor.

Question 23Multimedia Fundamentals and Authoring Tools

An authoring project shows severe stutter on a low-end device although the exported video plays smoothly elsewhere. Which diagnosis is most plausible?

  1. The storyboard was approved too late in the schedule
  2. The runtime is executing heavy per-frame scripts and large uncompressed assets Correct answer.
  3. The audio was recorded at 44.1 kHz
  4. The project's colour model was set to CMYK

Explanation

Interactive playback performance depends on frame-rate scripting load and asset decoding cost; heavy per-frame handlers and oversized uncompressed media commonly cause dropped frames. Colour model, schedule and standard audio sampling do not explain runtime stutter.

Question 24Multimedia Fundamentals and Authoring Tools

A team must choose between a timeline-based tool and a card/page-based tool for a title made of many text-heavy screens with simple next/back links. Which choice and reason are most defensible?

  1. Timeline-based, because text cannot be placed on a card
  2. Card/page-based, because it automatically compresses video assets
  3. Card/page-based, because its structure maps directly onto sequential screens and simple links Correct answer.
  4. Timeline-based, because it removes the need for any navigation design

Explanation

Card or page metaphors organise content as discrete screens with links, matching text-heavy sequential material with minimal animation. Timeline tools are stronger for synchronised animation but add unnecessary complexity here.

Question 25Multimedia Fundamentals and Authoring Tools

A JPEG photograph is repeatedly opened, edited and re-saved at high compression over many sessions. What cumulative effect should be expected?

  1. Improved sharpness, because each save refines the image
  2. Loss of transparency channel data only
  3. Generational loss, with blocky artefacts and colour banding accumulating Correct answer.
  4. No change at all, because JPEG is a lossless format

Explanation

Each lossy save re-quantises the already compressed data, so errors accumulate across generations, producing blocking and banding. Editing in a lossless intermediate and saving to JPEG once at the end avoids this.

Question 26Multimedia Fundamentals and Authoring Tools

In a card-based or page-based authoring tool, what does each card typically represent?

  1. A reusable colour palette shared by all screens
  2. A single audio track mixed into the final export
  3. A compression setting applied to exported video
  4. A single screen or state of the title that the user navigates between Correct answer.

Explanation

Card- and page-based tools organise a title as a stack of discrete screens, where each card holds its own content and links to other cards. Navigation is defined by moving from one card to another, which suits text-heavy, menu-driven titles. This differs from timeline tools, where content is arranged along time rather than as separate screens.

Question 27Multimedia Fundamentals and Authoring Tools

Which file format is the standard choice for storing a short animated sequence with frame-based timing and optional transparency for use in multimedia titles and on the web?

  1. GIF Correct answer.
  2. WAV
  3. DOCX
  4. PDF

Explanation

GIF supports multiple frames played in sequence with simple timing, and it allows one colour in the palette to be treated as transparent. That combination makes it a long-standing choice for small looping animations embedded in titles and web pages. The other formats listed serve documents or audio, not frame animation.

Question 28Multimedia Fundamentals and Authoring Tools

An authoring team must produce a title whose interface and behaviour stay identical on desktop and mobile, and they want to reuse one project file rather than rebuild it per platform. Which authoring approach best fits this requirement?

  1. A plain word-processing document describing the screens
  2. A separate native authoring project written for each target platform
  3. A cross-platform authoring tool that exports to multiple runtimes from one source project Correct answer.
  4. A single static image exported at several resolutions

Explanation

When the same interface and behaviour must appear on several platforms, a cross-platform authoring tool that publishes one source project to multiple runtimes avoids duplicated effort and keeps behaviour consistent. Rebuilding natively per platform multiplies work and risks divergence between versions. Static images or text documents carry no interactivity at all.

Question 29Multimedia Fundamentals and Authoring Tools

A designer is assembling a multimedia title and wants a reusable element that appears on every screen with the same appearance and behaviour, so that editing it once updates all screens. Which authoring concept provides this?

  1. A unique keyframe on every timeline
  2. A master page or shared symbol instance Correct answer.
  3. A separate exported video file per screen
  4. A one-off bitmap pasted onto each screen

Explanation

Master pages and shared symbols let an author define an element once and place instances that inherit its appearance and behaviour. Editing the master or symbol definition propagates the change to every instance, which keeps a multi-screen title consistent and reduces maintenance. Copying raw bitmaps or building per-screen assets duplicates work and breaks the single-edit requirement.

Question 30Multimedia Fundamentals and Authoring Tools

A team is choosing an authoring tool for a title that mixes long narrated sequences, precise synchronisation of captions to speech, and branching menus. Which combination of tool strengths matters most for this project?

  1. Frame-accurate timeline control for synchronising tracks, plus a branching navigation model for menus Correct answer.
  2. High image-resolution export only, with no timing or navigation features
  3. Automatic file compression with no authoring environment
  4. Text-only layout templates with no audio support

Explanation

Synchronising captions to narration demands frame-accurate timeline control so that audio and text tracks stay aligned, while branching menus require a navigation model that can jump between sections. A tool strong in only one of these areas leaves half the project awkward to build. The requirement therefore points to a tool combining timeline precision with branching navigation.

Question 31Text, Typography and Graphics

In a multimedia project, which file format stores a bitmap image using lossless compression and supports transparency through an alpha channel?

  1. JPEG
  2. PNG Correct answer.
  3. BMP
  4. GIF

Explanation

PNG uses lossless DEFLATE compression and carries a full 8-bit alpha channel, so edges stay sharp and partially transparent pixels are preserved. This makes it the standard choice for web graphics that need clean transparency.

Question 32Text, Typography and Graphics

A designer sets font-size to 16px on the body and 1.5em on a paragraph inside it. What computed font size does the paragraph render at, assuming no other font rules apply?

  1. 18px
  2. 1.5px
  3. 24px Correct answer.
  4. 16px

Explanation

The em unit is relative to the parent element's font size. The paragraph's parent inherits 16px, so 1.5em equals 1.5 × 16px = 24px.

Question 33Text, Typography and Graphics

Which colour model is subtractive and is the standard basis for print production?

  1. CMYK Correct answer.
  2. HSV
  3. RGB
  4. HSL

Explanation

CMYK is a subtractive model: cyan, magenta, yellow and black inks absorb light from white paper, so adding ink darkens the result. Print workflows use it because presses mix inks rather than emit light.

Question 34Text, Typography and Graphics

What does the CSS property font-style: italic primarily request from the font?

  1. Small capitals in place of lowercase letters
  2. Increased letter spacing between glyphs
  3. A heavier weight of the same typeface
  4. The italic or oblique face of the typeface Correct answer.

Explanation

font-style selects the italic or oblique variant of the family rather than altering weight or spacing. If no true italic exists, the browser synthesises an oblique slant.

Question 35Text, Typography and Graphics

A raster image of 800 × 600 pixels is displayed in a box that is 400 × 300 CSS pixels on a standard-density screen. What happens to the image?

  1. It is upscaled and becomes blurry
  2. It is displayed at its native size and cropped
  3. It is downscaled and may look sharper Correct answer.
  4. It is converted to a vector graphic

Explanation

The image has twice as many pixels per axis as the display box, so the browser downsamples it. Downscaling usually increases apparent sharpness and reduces visible pixelation, though it wastes file size.

Question 36Text, Typography and Graphics

Which HTML element is the correct semantic container for a self-contained composition such as a blog post or news article?

  1. <article> Correct answer.
  2. <section>
  3. <div>
  4. <aside>

Explanation

The <article> element represents a self-contained composition that could stand alone or be syndicated. It maps meaning onto the content, unlike a generic <div>.

Question 37Text, Typography and Graphics

A web page must display a decorative heading in a custom typeface. Which approach best avoids a flash of invisible text while keeping the design intent?

  1. Rasterise the heading into a PNG image
  2. Embed the font with @font-face and set font-display: swap Correct answer.
  3. Load the font with a blocking synchronous script in the head
  4. Rely on the user's system fonts with a generic fallback only

Explanation

@font-face with font-display: swap lets the browser paint fallback text immediately and substitute the custom face once it loads, preventing invisible text. This preserves real, selectable, accessible text rather than an image.

Question 38Text, Typography and Graphics

Which CSS property controls the vertical distance between lines of text within a paragraph?

  1. word-spacing
  2. letter-spacing
  3. line-height Correct answer.
  4. text-indent

Explanation

line-height sets the height of each line box, which determines the spacing between baselines of successive lines. It is the primary control for leading in web typography.

Question 39Text, Typography and Graphics

A logo must scale from a favicon to a billboard without losing edge quality. Which graphic type is most appropriate?

  1. A 24-bit BMP
  2. A vector format such as SVG Correct answer.
  3. An animated GIF
  4. A high-resolution JPEG

Explanation

Vector graphics describe shapes mathematically, so they render crisply at any size. SVG is resolution-independent and ideal for logos that must appear at wildly different scales.

Question 40Text, Typography and Graphics

In a web page, which combination correctly pairs a heading level with its role in document outline?

  1. <h1> for every heading so all text is equally prominent
  2. <h1> for the page's main topic, <h2> for major sections beneath it Correct answer.
  3. <h2> for the page's main topic, <h1> for subsections
  4. <h3> for the page's main topic, <h1> for footnotes

Explanation

Heading levels express hierarchy: <h1> names the page's primary topic and <h2> marks its major subsections. Screen readers and search engines use this nesting to build an outline.

Question 41Text, Typography and Graphics

What is the practical effect of setting text-align: justify on a narrow column of body text?

  1. It may create wide, uneven gaps between words Correct answer.
  2. It increases line-height automatically
  3. It disables hyphenation entirely
  4. It converts the text to small capitals

Explanation

Justified text stretches spaces so every line reaches the same width. In a narrow measure, few words fit per line, so the extra space produces conspicuous rivers and gaps unless hyphenation is enabled.

Question 42Text, Typography and Graphics

A photograph shows a smooth blue sky but the exported JPEG displays visible blocky steps across the gradient. What is the most likely cause?

  1. The image was converted to CMYK before export
  2. The JPEG quality setting was too low, causing banding and blocking Correct answer.
  3. The colour depth was increased to 16 bits per channel
  4. The image was saved as an SVG

Explanation

Low JPEG quality quantises colour and discards high-frequency detail, which is most visible in smooth gradients as banding and block artefacts. Raising quality or choosing a lossless format reduces this.

Question 43Text, Typography and Graphics

Which statement best explains why the Web Open Font Format (WOFF) is preferred over raw TTF for delivering web fonts?

  1. WOFF files are already compressed, reducing transfer size while remaining a single file Correct answer.
  2. WOFF guarantees the font renders identically on every operating system
  3. WOFF removes all licensing restrictions from the typeface
  4. WOFF converts the glyphs into raster images

Explanation

WOFF wraps the font tables in compression, so the same glyph data travels in fewer bytes than an uncompressed TTF. Browsers decompress it transparently, making it efficient for web delivery.

Question 44Text, Typography and Graphics

A developer writes color: #ff0000 in a stylesheet. Which description matches this value?

  1. Fully opaque red using hexadecimal RGB notation Correct answer.
  2. Fully transparent red using RGBA notation
  3. A CMYK red intended for print
  4. A named colour equivalent to 'maroon'

Explanation

A six-digit hex value encodes red, green and blue channels as two hex digits each, so #ff0000 means maximum red, zero green, zero blue, fully opaque. CSS colours are screen values, not print ink specifications.

Question 45Text, Typography and Graphics

An image with 300 dpi metadata is placed on a web page. What does the dpi value actually affect in the browser?

  1. It sets the rendered pixel dimensions of the image
  2. It forces the browser to print the page at that resolution
  3. Nothing by default; CSS pixel dimensions determine display size Correct answer.
  4. It controls the image's compression ratio

Explanation

DPI metadata describes intended print density, but browsers size images by their pixel dimensions as constrained by CSS. A 300 dpi tag does not shrink or enlarge the on-screen rendering.

Question 46Text, Typography and Graphics

Which pairing of a typeface classification with a typical use is most defensible for a screen-based news site?

  1. A decorative script face for all body copy
  2. A sans-serif face for body text at small sizes Correct answer.
  3. A blackletter face for navigation labels
  4. A monospaced face for every paragraph

Explanation

Sans-serif faces generally hold up better at small screen sizes because their simpler letterforms resist pixel-grid distortion. Decorative and blackletter faces reduce legibility in continuous reading.

Question 47Text, Typography and Graphics

A layout uses a 12-column CSS grid. An element is given grid-column: 3 / 7. How many columns does it span?

  1. 7 columns
  2. 4 columns Correct answer.
  3. 3 columns
  4. 5 columns

Explanation

Grid line numbers mark the boundaries between columns, so spanning from line 3 to line 7 covers columns 3, 4, 5 and 6 - four columns. Subtracting the start line from the end line gives the span.

Question 48Text, Typography and Graphics

A paragraph is set with hyphens: auto and text-align: justify. Why does the result usually look better than justification alone?

  1. Hyphenation converts justified text into centred text
  2. Hyphenation increases the font weight of the paragraph
  3. Hyphenation removes the need for a line-height value
  4. Hyphenation breaks long words so lines can be filled with less stretching of spaces Correct answer.

Explanation

Justification must stretch spaces to reach the column edge; if a long word cannot fit, the preceding spaces stretch dramatically. Allowing hyphenation gives the layout engine more break points, so lines fill with smaller gaps.

Question 49Text, Typography and Graphics

A designer wants a heading to scale with the root font size so that user accessibility settings are respected. Which unit should be used?

  1. vw
  2. pt
  3. rem Correct answer.
  4. px

Explanation

rem is relative to the root element's font size, so if a user increases their browser's base text size, rem-based headings scale accordingly. This respects user preferences better than fixed px or pt values.

Question 50Text, Typography and Graphics

An SVG logo is inserted inline in the HTML rather than via an <img> tag. What is the main practical advantage for a multimedia interface?

  1. It removes the need for any viewBox attribute
  2. It automatically becomes a raster image at runtime
  3. Its internal paths and colours can be styled and animated with CSS and script Correct answer.
  4. It guarantees smaller file size than any raster format

Explanation

Inline SVG becomes part of the DOM, so individual paths can be targeted by CSS selectors, restyled on hover, or animated with script. An <img>-referenced SVG is treated as an opaque replaced element and cannot be styled from outside.