Fundamentals of Video

TL;DR

Video is essentially a rapid sequence of still images (frames) played back to create the illusion of motion, much like a flipbook. Each frame is made of pixels, and how many pixels and how many frames per second determine the quality and smoothness of your video. Understanding these core concepts helps you control how your video looks and performs.

1. The Mental Model

Think of video as a digital flipbook. Each page is a frame (a still image), and flipping through them quickly enough makes things seem to move. The more pages you flip per second, the smoother the motion appears.

2. The Core Material

Video works by showing you a series of still images, called frames, so fast that your brain perceives continuous motion. The main factors that define a video are its resolution, frame rate, and aspect ratio.

Resolution: How Detailed Is Your Picture?

Photo by indra projects on Pexels

Resolution refers to the number of pixels (picture elements) that make up each frame. It's usually expressed as width × height, like 1920x1080.

• Higher resolution means more pixels, which results in a sharper, more detailed image. Think of it like drawing with more, smaller dots – you can capture finer details.
• Common resolutions you'll hear about are:
  • HD (High Definition): Often 1280x720 (720p) or 1920x1080 (1080p).
  • 4K (Ultra High Definition): Typically 3840x2160 or 4096x2160. This is roughly four times the pixels of 1080p.

Frame Rate (FPS): How Smooth Is the Motion?

Photo by Pietro Jeng on Pexels

Frame rate is the number of individual frames displayed per second (FPS). This determines how smooth or choppy the motion in your video appears.

• Higher FPS leads to smoother motion, especially for fast-moving subjects.
• Lower FPS can look jerky or "cinematic" depending on the context.
• Common frame rates:
  • 24 FPS: Standard for cinema films, gives a classic "film look."
  • 30 FPS: Common for TV broadcasts, live events, and many web videos. Looks very natural.
  • 60 FPS: Often used for sports, video games, or slow-motion effects, as it captures more detail in fast movement.

Aspect Ratio: The Shape of Your Screen

Photo by Mediamodifier on Pexels

Aspect ratio describes the proportional relationship between the width and height of a video frame. It's usually written as Width:Height, like 16:9.

• 16:9: This is the most common aspect ratio for modern TVs, computer monitors, and YouTube videos. It's a "widescreen" format.
• 4:3: Older standard definition TVs used this square-ish ratio. You'll see black bars on the sides if you play 4:3 content on a 16:9 screen (called "pillarboxing").
• 9:16: Becoming common for vertical videos on social media (e.g., TikTok, Instagram Stories), essentially 16:9 rotated.

Here's how these core concepts relate:

graph TD
    A["Video"] --> B["Frames Per Second (FPS)"]
    A --> C["Frame Resolution (Width x Height)"]
    A --> D["Aspect Ratio (Width:Height)"]

    B --> B1["Motion Smoothness"]
    C --> C1["Image Detail & Clarity"]
    D --> D1["Screen Shape/Fit"]

    C1 --> C2{"Larger Files"}
    B1 --> B2{"Larger Files"}
    D1 --> D3{"Crop / Letterbox / Pillarbox"}

Compression: Making Files Smaller

Photo by Andrea Piacquadio on Pexels

Raw video files with high resolution and frame rates are huge. Compression is the process of reducing file size while trying to maintain acceptable quality.

• Codecs (short for COder-DECoder) are algorithms used for compressing and decompressing video. Examples include H.264, HEVC (H.265), ProRes.
• Containers (or formats) are wrappers that hold the compressed video, audio, and other data together. Examples include .mp4, .mov, .mkv. An .mp4 file often uses the H.264 codec.

3. Worked Example

Let's say you're filming a soccer match for YouTube. You want it to look good on modern screens and show fast action clearly.

1. Resolution: You'd likely choose 1920x1080 (1080p) or even 3840x2160 (4K) if your camera supports it and you have the storage. This ensures viewers on large screens get a crisp image. Going higher than 4K might be overkill for most YouTube viewers, requiring huge files and more processing power for playback.
2. Frame Rate: Since soccer involves fast movement, 60 FPS would be a great choice. It makes the ball and players' movements look very smooth and natural. Using 24 FPS would make the fast action look blurry or jerky.
3. Aspect Ratio: You'd definitely use 16:9. This is the standard for YouTube and modern TVs, so your video will fill the screen without black bars.
4. Compression: After filming, you'd likely export your video using a codec like H.264 within an .mp4 container. This keeps the file size manageable for uploading to YouTube while retaining good quality.

4. Key Takeaways

• Video is a rapid sequence of still images (frames) creating the illusion of movement.
• Resolution defines the detail of each frame (e.g., 1920x1080 pixels).
• Frame rate (FPS) determines how smooth motion appears (e.g., 24, 30, 60 FPS).
• Aspect ratio describes the shape of the video frame (e.g., 16:9 widescreen).
• Compression uses codecs and containers (like H.264 in .mp4) to reduce file sizes.
• Higher resolution and frame rates generally mean better quality but also larger file sizes.

Common Mistakes to Avoid

• Don't shoot important footage at a low frame rate (e.g., 15 FPS) if you need smooth motion.
• Avoid using an incorrect aspect ratio that results in unwanted black bars or stretched images.
• Don't choose an extreme compression setting that significantly degrades video quality just to save a little file space.
• Don't confuse codecs with container formats; they serve different purposes in video files.

5. Now Try It

Find two different video clips online (e.g., YouTube, Vimeo). For each clip, try to determine its approximate resolution, frame rate, and aspect ratio. You can usually find this information in the video settings or by right-clicking the video and looking at "Stats for nerds" on YouTube, or by checking the video's properties if you've downloaded it. Note how differences in these factors affect the perceived quality and smoothness of the content. What does a 1080p, 30 FPS video look like compared to a 4K, 60 FPS video?