The same video gets its sides cropped on TikTok but shows black bars on YouTube — how should you actually adapt frame sizes for different platforms?
What Are Cropping and Resizing?
In video editing, cropping and resizing are closely related but fundamentally different operations:
- Cropping: Selecting a rectangular region from the original frame and discarding everything outside it. Like cutting a photo with scissors.
- Resizing: Changing the pixel dimensions of the frame, either upscaling or downscaling. Like printing a photo at a different size.
Cropping changes the content area of the frame; resizing changes the pixel dimensions. They're often used together—crop first, then resize to achieve the target resolution and ideal composition.
Aspect Ratio Fundamentals
Aspect ratio is the ratio of width to height of the video frame, the most central concept in cropping and resizing:
| Aspect Ratio | Common Name | Typical Resolution | Primary Use |
|---|---|---|---|
| 16:9 | Widescreen | 1920×1080, 3840×2160 | YouTube, TV, film |
| 4:3 | Standard | 1440×1080, 1024×768 | Legacy TV, presentations |
| 1:1 | Square | 1080×1080 | Instagram posts |
| 9:16 | Vertical | 1080×1920 | TikTok, Instagram Stories |
| 21:9 | Ultrawide | 2560×1080 | Cinematic widescreen |
Aspect ratio determines the shape of the frame. When the video's aspect ratio doesn't match the playback container's, you need to choose how to handle the mismatch.
Platform Video Size Requirements
Different social media platforms have different recommended video dimensions:
| Platform | Recommended Resolution | Aspect Ratio | Notes |
|---|---|---|---|
| YouTube | 1920×1080 | 16:9 | Standard video, also supports 4K |
| TikTok | 1080×1920 | 9:16 | Vertical-first |
| Instagram Posts | 1080×1080 | 1:1 | Square |
| Instagram Stories | 1080×1920 | 9:16 | Full-screen vertical |
| 1920×1080 | 16:9 | Landscape standard | |
| 1920×1080 | 16:9 | Professional content |
When creating content for different platforms, you typically need to crop the same footage to different aspect ratios.
Adaptation Modes Explained
Fit Mode
Scales the video proportionally to fit within the target area, maintaining the complete image, with the remaining space filled by a specified color (usually black).
- Letterbox: Black bars above and below when widescreen video is placed in a narrower container.
- Pillarbox: Black bars on the sides when narrow video is placed in a wider container.
Fit mode ensures a complete, undistorted image, but black bars may affect aesthetics. You can customize the background color to make the bars more cohesive with the video style.
Fill/Crop Mode
Scales the video proportionally to completely cover the target area, with excess portions cropped.
- The image fills the entire container with no black bars.
- Some image content may be cropped and lost.
- The crop position can usually be adjusted (center, left, right, etc.).
Stretch Mode
Forcibly stretches the image to the target dimensions without maintaining the original aspect ratio.
- The image fills the container with no black bars and no cropping.
- The image is distorted (circles become ellipses, people appear wider or thinner).
- Generally not recommended unless for specific creative purposes.
16:9 video → 9:16 container
Fit mode: Complete image, large black bars top/bottom
Fill mode: Image fills frame, significant left/right cropping
Stretch mode: Image fills frame, severe distortion
Free Crop vs. Target Resolution Mode
Free Crop
Manually select the crop area's position and size without being constrained to a fixed aspect ratio. Suitable for precise composition needs, like removing edge clutter or focusing on a specific area.
Target Resolution Mode
Select a target resolution first (e.g., 1080×1920), and the crop frame automatically locks to the corresponding aspect ratio. You only need to adjust the crop position. Suitable for creating content for specific platforms, ensuring the output dimensions meet requirements.
Safe Area Concept
In video production, the safe area refers to the region of the frame guaranteed to display completely on all playback devices:
- Action Safe Area: Approximately 90% of the frame, ensuring important action remains within bounds.
- Title Safe Area: Approximately 80% of the frame, ensuring text and subtitles remain within bounds.
Older TVs may crop 5%-10% of the frame edges, so important content should be placed within safe areas. While modern displays typically don't crop, safe areas remain an important reference standard for broadcast or traditional platform content.
Practical Tips
- Prefer fill mode: For social media content, fill mode (moderate cropping) usually looks better than fit mode (black bars).
- Mind the subject: When cropping, ensure the main subject (people, text, etc.) remains within the cropped area.
- Batch processing: When the same footage needs multiple aspect ratio versions, crop each separately and verify composition.
- Leave headroom: When shooting, leave compositional headroom to provide space for post-production cropping.
- Check safe areas: When adding subtitles or important text/graphics, ensure they're within the safe area.