Multimedia & Graphics: Formats, Compression, Tools & Applications

Multimedia: Types, Formats, and Applications

1. What is Multimedia?

Multimedia combines multiple forms of content into a single interactive experience. It includes:

• Text (documents, e-books)
• Audio (music, voice, podcasts)
• Video (movies, live streams)
• Graphics (images, animations)
• Interactive content (games, VR/AR)

Why does it matter? Multimedia is the backbone of modern digital communication—from social media to e-learning. For example:

• WhatsApp uses multimedia to send photos, voice notes, and videos.
• YouTube relies entirely on video and audio streaming.
• E-sewa displays text, images, and animations for user guidance.

---

2. Multimedia Formats: Key Categories

Multimedia files are stored in specific formats optimized for size, quality, or compatibility. Below is a comparison of common formats:

---

3. How Multimedia Works: Compression Techniques

To reduce file sizes without losing quality (or with acceptable loss), compression is used. There are two main types:

A. Lossless Compression

• Definition: Reduces file size without losing data. Original file can be perfectly reconstructed.
• How it works:
  • Removes redundancy (e.g., repeating patterns in text or images).
  • Uses algorithms like Run-Length Encoding (RLE) or Huffman Coding.
• Examples:
  • PNG (images), FLAC (audio), ZIP (files).
• Merits:
  • No quality loss.
  • Ideal for text, spreadsheets, and medical images.
• Demerits:
  • Smaller compression ratio (files still large).

B. Lossy Compression

• Definition: Reduces file size by permanently discarding less important data.
• How it works:
  • Uses discrete cosine transform (DCT) (e.g., JPEG) or psychoacoustic models (e.g., MP3).
  • Focuses on parts the human eye/ear won’t notice.
• Examples:
  • JPEG (images), MP3 (audio), MP4 (video).
• Merits:
  • High compression ratio (smaller files).
  • Essential for streaming (YouTube, Netflix).
• Demerits:
  • Quality degrades with repeated compression.
  • Not suitable for medical or legal documents.

Worked Example: JPEG vs. PNG for a Photo

• Scenario: You take a photo of Kathmandu traffic and want to share it online.
  • JPEG (Lossy): Best for photos with many colors. File size = 500 KB.
  • PNG (Lossless): Better for graphics with transparency (e.g., logos). File size = 1.2 MB.
  • Choice: Use JPEG for the photo to save space, but PNG if the image has text or transparency.

---

Graphics: Raster vs. Vector

1. Types of Graphics

Graphics are broadly classified into two categories:

A. Raster Graphics (Bitmap)

• Definition: Made of pixels (tiny dots) arranged in a grid.
• How it works:
  • Each pixel has a color value (RGB).
  • Resolution-dependent (zooming in makes it pixelated).
• Examples:
  • JPEG, PNG, GIF, BMP.
• Applications:
  • Photos, digital paintings, screenshots.
• Merits:
  • Realistic colors and shading.
  • Good for complex images.
• Demerits:
  • Large file sizes.
  • Cannot be scaled without quality loss.

Side-by-side pixel vs. vector image with labels. (Image: TU Wien: Dirk Praetorius, Michele Ruggeri, Public domain, via Wikimedia Commons)

B. Vector Graphics

• Definition: Made of mathematical paths (lines, curves, shapes).
• How it works:
  • Uses anchors, nodes, and Bezier curves.
  • Resolution-independent (scales perfectly).
• Examples:
  • SVG, AI (Adobe Illustrator), EPS.
• Applications:
  • Logos, icons, typography, infographics.
• Merits:
  • Small file sizes.
  • Editable and scalable.
• Demerits:
  • Poor for photos (cannot represent gradients well).
  • Complex for highly detailed images.

Worked Example: Designing a Logo for a Nepalese Bank

• Scenario: You’re designing a logo for Nabil Bank.
  • Raster (PNG): Not ideal because scaling for business cards vs. billboards would lose quality.
  • Vector (SVG/AI): Perfect! The logo can be resized without losing sharpness.
  • Tools: Use Adobe Illustrator or Inkscape (free alternative).

---

2. Color Models in Graphics

Different color models are used depending on the medium:

---

Multimedia Tools and Software

1. Key Software for Multimedia and Graphics

---

2. How Tools Work: A Step-by-Step Example

Scenario: Editing a video for a Daraz promotional ad using Adobe Premiere Pro.

Steps:

1. Import: Drag video clips, images, and audio into the project.
2. Timeline: Arrange clips sequentially.
3. Effects: Apply transitions (e.g., fade) and filters (e.g., color correction).
4. Audio: Balance voiceover, music, and background noise.
5. Graphics: Add text (e.g., "50% OFF") using Adobe After Effects or Premiere’s built-in tools.
6. Export: Choose MP4 (H.264) for web compatibility.

---

In the Real World

1. E-Sewa: Digital Payments with Multimedia

• Idea Used: Interactive graphics and animations.
• How:
  • E-sewa’s app uses SVG icons for buttons (scalable, crisp).
  • Tutorial videos (MP4) explain payment steps.
  • QR codes (PNG) for quick transactions.
• Impact: Reduces user errors with visual guides.

2. Pathao: Ride-Hailing with Real-Time Graphics

• Idea Used: Vector maps and live data visualization.
• How:
  • Google Maps API (vector-based) shows real-time traffic.
  • Animated markers indicate driver locations.
  • Audio alerts (e.g., "Your ride is here") guide users.
• Impact: Improves navigation and user trust.

3. NEPSE: Stock Market Data as Multimedia

• Idea Used: Data visualization (charts, animations).
• How:
  • Line graphs (PNG/SVG) show stock trends.
  • Video tutorials (MP4) explain trading basics.
  • Interactive dashboards (HTML5/CSS) for real-time updates.
• Impact: Helps investors make informed decisions.

---

Exam Tip

What to Expect in TU/PU Exams

1. Definitions: Expect questions on multimedia, raster vs. vector, lossy/lossless compression.

   • Example: "Define JPEG with its compression type and one application."

2. Format Comparisons: Tables or short-answer questions on file formats (MP3 vs. WAV, PNG vs. JPEG).

   • Example: "Why is SVG preferred for logos over BMP?"

3. Worked Examples: Problems like:

   • "A 5 MB photo is compressed to 500 KB using JPEG. What type of compression is used? Calculate the compression ratio." Solution:
     • Type: Lossy (JPEG discards data).
     • Ratio: $\frac{5\text{ MB}}{500\text{ KB}}=10:1$.

4. Tools and Applications: Match software to tasks (e.g., "Which tool would you use to edit a 3D animation for a Nepalese movie?" → Blender).

5. Real-World Scenarios: Questions linking concepts to apps (e.g., "How does WhatsApp use multimedia compression to save data?").

   • Answer: WhatsApp uses MP4 (video) and MP3 (audio) for lossy compression to reduce file sizes during transfer.

---

Quick Revision Checklist

• Can you list 4 multimedia types and their formats?
• What’s the difference between raster and vector? Give one example each.
• How does lossless compression work? Name a file type.
• Which color model is used for print vs. screens?
• Name two tools for vector graphics and two for video editing.
• How does Pathao use graphics in its app?