◫Aspect RatioCalculator
4 : 3

4:3 Aspect Ratio Calculator

The complete reference for 4:3 dimensions. Calculate width or height instantly, explore standard resolutions from 240p to 4K-class photography, and get CSS code for any projector, tablet, camera, or archive workflow.

Zoom and video callsMicro Four Thirds camerasLegacy displays and projectors

1.3333

Decimal ratio

the repeating decimal value of 4 divided by 3

10+

Standard resolutions

from QVGA and VGA all the way to 4K-class photography output

75%

CSS padding value

the clean integer fallback used for legacy responsive containers

Calculate 4:3 Dimensions

Use exact 4:3 math for projectors, tablets, cameras, and legacy media

This calculator handles width-to-height, height-to-width, and verification workflows with unit conversion, diagonal output, responsive CSS values, and instant visual previews.

Enter a width and calculate the matching 4:3 height.

×
Pixel mode uses native output dimensions directly.

Quick 4:3 resolutions

4:3
W 1024 pxH 768 px

Current Output

1024 × 768 px

1024 × 768 px
Ratio
4:3
Decimal
1.3333
CSS Padding
75%
Diagonal
1280 px

1280 px

Matches and Formula

ZoomiPad (older)XGA

Height from width: H = W × 0.75

Width from height: W = H × 1.3333

CSS fallback: padding-top: 75%

Quick actions

Get CSS
aspect-ratio: 4 / 3;
padding-top: 75%;
width: 1024px;
height: 768px;

Complete 4:3 Resolution List

From QVGA to 4096×3072, the standard 4:3 sizes people still search for

4:3 resolutions span retro video, projectors, iPad-era design, conferencing, and photography. Click any row to push it back into the calculator above and confirm the exact ratio, CSS padding, and diagonal size.

LEGACY

Legacy 4:3 outputs

Use these sizes when targeting legacy media, camera sensors, iPad-era interfaces, projector decks, or exact 4:3 exports that must avoid widescreen cropping.

SD

SD and early desktop standards

Use these sizes when targeting legacy media, camera sensors, iPad-era interfaces, projector decks, or exact 4:3 exports that must avoid widescreen cropping.

HD

Projectors, monitors, and conferencing

Use these sizes when targeting legacy media, camera sensors, iPad-era interfaces, projector decks, or exact 4:3 exports that must avoid widescreen cropping.

2K

Retina-class tablets and dense 4:3 canvases

Use these sizes when targeting legacy media, camera sensors, iPad-era interfaces, projector decks, or exact 4:3 exports that must avoid widescreen cropping.

4K

Professional photography and sensor outputs

Use these sizes when targeting legacy media, camera sensors, iPad-era interfaces, projector decks, or exact 4:3 exports that must avoid widescreen cropping.

What Is the 4:3 Aspect Ratio?

Definition, history, and why 4:3 still matters in modern workflows

The 4:3 aspect ratio means that for every 4 units of width, there are 3 units of height. As a decimal, this equals 1.3333 recurring, and in CSS it translates into the clean fallback value of 75 percent because 3 divided by 4 equals 0.75 exactly. That mathematical simplicity is one reason 4:3 remains easy to remember and easy to implement in code, slide software, and design tools.

For much of the twentieth century, 4:3 was the dominant screen format. It shaped broadcast television, early computer monitors, projectors, and classroom displays long before widescreen became the norm. If you grew up with CRT televisions, classic PowerPoint decks, or old desktop displays, you were almost certainly looking at 4:3 every day.

The ratio traces back to early motion picture film. Thomas Edison's team helped standardize a 35mm frame shape in the 1890s, and early television engineers later adopted a similar proportion because it made existing film content easier to reuse. That film-to-broadcast continuity is why 4:3 became such a durable standard across cinema, television, and computing.

Even after widescreen took over, 4:3 never vanished. It still matters in Zoom and other video conferencing workflows, Micro Four Thirds camera systems, older iPad layouts, classroom projectors, retro gaming, and legacy content restoration. For those workflows, 4:3 is not a nostalgic leftover. It is still the technically correct ratio.

Where 4:3 Is Still Used Today

The devices, platforms, and workflows where 4:3 is still the correct shape

4:3 is no longer the default everywhere, but it remains highly relevant in video conferencing, education, camera workflows, archival media, and retro gaming. These use cases explain why the ratio still has real operational value rather than just historical interest.

📹

The default ratio for video calls

Zoom and Video Conferencing

Zoom, Microsoft Teams, and Google Meet often default to a 4:3 camera capture ratio, especially with older webcams and built-in laptop cameras. If your feed looks too tight or your virtual background is misframed, it is often because the camera is still delivering 4:3 rather than 16:9. Virtual backgrounds and safe overlays work best when you start from exact 4:3 dimensions.

1280×9601920×1440
ZoomTeamsMeet
📷

Native sensor format for MFT cameras

Micro Four Thirds Cameras

The Micro Four Thirds ecosystem uses a native 4:3 sensor. Olympus, OM System, Panasonic Lumix, and several video-centric hybrid cameras all inherit this shape. Shooting native 4:3 gives you the full sensor area, while switching to 16:9 crops the top and bottom and reduces usable resolution.

4032×30243072×2304
OlympusPanasonicMFT
📱

Legacy iPad display ratio

iPad and Tablets

Early iPad generations used exact 4:3 displays at 1024×768 and later 2048×1536 Retina. That legacy still matters because many educational apps, kiosk interfaces, and classroom tools were built around those dimensions. If you are maintaining old tablet interfaces, 4:3 is often still the safest canvas.

1024×7682048×1536
iPadTabletsEducation
📽️

The standard for presentation projectors

Projectors and Classrooms

XGA at 1024×768 remains common in classrooms, conference rooms, and budget projectors. If you do not control the hardware at the venue, 4:3 is the safer default because it avoids unexpected letterboxing and keeps slides readable on older projection systems.

1024×7681400×1050
ProjectorsEducationPresentations
📺

The original broadcast standard

Legacy Television and Archives

Classic television shows, news archives, VHS-era footage, and early digital video were produced in 4:3. Streaming platforms preserve this footage with pillarboxing on modern displays. When remastering or cataloging older content, it is essential to verify that the original frame really is 4:3 before cropping or scaling.

640×480720×540
BroadcastArchiveStreaming
🎮

The native ratio for classic games

Retro Gaming

From Atari through PlayStation 2, most games were designed for 4:3 displays. Stretching retro interfaces to 16:9 usually distorts sprites, UI, and pixel art. Emulators, capture tools, and remake projects often preserve 4:3 on purpose to stay faithful to the original presentation.

320×240640×480
RetroEmulationGaming

4:3 Aspect Ratio in CSS

Generate CSS, Tailwind, React, and Vue snippets for 4:3 layouts

Search interest around “4:3 aspect ratio CSS” usually comes from teams shipping conference tools, camera galleries, or legacy display layouts. 4:3 is especially convenient in CSS because the fallback padding value is an exact 75 percent with no rounding.

Fixed size helper

Build a 4:3 box from any width

75% fallback

Computed height

768px

Tailwind utility

aspect-[4/3]

Modern browsers support `aspect-ratio: 4 / 3`, but the classic fallback remains unusually clean here because the percentage is a simple 75 rather than a rounded decimal.

Modern aspect-ratio property

Recommended in current browsers.

.container-43 {
  width: 100%;
  aspect-ratio: 4 / 3;
}

Padding-top fallback

Useful when older embeds still require the classic hack.

.wrapper-43 {
  position: relative;
  width: 100%;
  padding-top: 75%; /* 3 ÷ 4 × 100 = 75% */
}

.wrapper-43 > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

Fixed pixel dimensions

Best for presentation canvases and hard-coded templates.

.fixed-43 {
  width: 1024px;
  height: 768px; /* 1024 × 3 ÷ 4 = 768 */
}

4:3 Screen Sizes by Diagonal

Translate diagonal inches into physical 4:3 width and height

Physical sizing matters when you are restoring older hardware, designing kiosk interfaces, or matching slides to projectors and tablet enclosures. For 4:3, the geometry is especially clean because width is 80 percent of the diagonal and height is 60 percent.

Width

19.71 cm

7.76 in

Height

14.78 cm

5.82 in

Recommended pixel reference

1024×768

Formula: W = D × 0.8000 and H = D × 0.6000. This comes directly from the 3-4-5 triangle hidden inside the 4:3 rectangle.

9.7 inch

iPad (1-4)

19.8 cm × 14.8 cm

10.1 inch

Early Android tablet

20.5 cm × 15.4 cm

12.1 inch

Old notebook display

24.6 cm × 18.5 cm

14.1 inch

Pre-widescreen laptop

28.7 cm × 21.5 cm

15.0 inch

Classic ThinkPad

30.5 cm × 22.9 cm

17.0 inch

Large 4:3 notebook

34.6 cm × 26 cm

19.0 inch

Early flat-panel monitor

38.7 cm × 29 cm

21.0 inch

Desktop monitor

42.7 cm × 32.1 cm

The Math Behind 4:3

Formulas, GCD simplification, and the numbers worth memorizing

4:3 is easy to calculate by hand because the ratio is already fully reduced, the inverse is a clean 0.75, and the CSS padding value is an exact integer. That makes it one of the most implementation-friendly aspect ratios on the web.

GCD Example: 1024 × 768

Step 1: GCD(1024, 768)

1024 = 1 × 768 + 256

768 = 3 × 256 + 0

GCD = 256

Step 2: 1024 ÷ 256 = 4

768 ÷ 256 = 3

Result: 4:3

GCD Example: 800 × 600

Step 1: GCD(800, 600) = 200

Step 2: 800 ÷ 200 = 4

600 ÷ 200 = 3

Result: 4:3

Height from Width

H = W × (3 ÷ 4) = W × 0.75

Example: 1024 × 0.75 = 768

Width from Height

W = H × (4 ÷ 3) = H × 1.3333

Example: 768 × 1.3333 = 1024

CSS Padding Percentage

P = (3 ÷ 4) × 100 = 75%

The cleanest responsive padding value of any common ratio

Diagonal

D = √(W² + H²) = W × 1.25

Example: √(1024² + 768²) = 1280 px

Ratio

4:3

already in its simplest fractional form

Fraction

4/3

the direct fractional expression of width over height

Decimal

1.3333

the repeating decimal value of 4 divided by 3

Inverse

0.75

height as a percentage of width

CSS padding

75%

a rare exact integer percentage for responsive containers

Width as percent

133.33%

how much wider the frame is than its height

4:3 vs 16:9

Full comparison between the classic screen ratio and modern widescreen

Most people deciding between 4:3 and 16:9 are not comparing abstract numbers. They are choosing between projector compatibility, tablet-like height, streaming playback, conferencing, photography, or widescreen publishing. This section shows how the ratios differ in practical terms.

4:3

1.333 : 1

The more balanced frame. Taller, easier for slides, tablets, camera stills, and legacy display systems.

16:9

1.778 : 1

The wider modern default. Better for streaming, desktop screens, TVs, and landscape-first media players.

Choose 4:3 when

  • ✓Creating Zoom virtual backgrounds
  • ✓Designing for MFT camera output
  • ✓Targeting classroom or conference projectors
  • ✓Building interfaces for older iPad models
  • ✓Archiving or restoring legacy content
  • ✓Preserving retro game UI and emulator layouts

Choose 16:9 when

  • →Publishing to YouTube or streaming services
  • →Designing for modern monitors and televisions
  • →Creating current widescreen presentation decks
  • →Building desktop hero banners or landing-page video
  • →Recording screen captures on modern displays
Open the 16:9 guide

4:3 in Photography

Why photographers still rely on 4:3 sensors, phones, and print-friendly framing

The Micro Four Thirds system, developed by Olympus and Panasonic, uses a sensor with a native 4:3 ratio. The name itself points back to the shape. When you shoot in native 4:3, you preserve the full sensor area and keep maximum resolution. Switching to 16:9 in-camera is usually a crop, not a different sensor readout, so you lose image area immediately.

That makes 4:3 especially important for photographers working with OM System and Panasonic Lumix bodies, as well as hybrid teams exporting still frames from MFT footage. Common native photo resolutions in this ecosystem include 4032×3024 and 3072×2304. Those numbers map cleanly to print workflows and tablet-friendly layouts.

Smartphones also keep 4:3 alive. Still photography on many phones defaults to 4:3 because it captures the full sensor more efficiently than 16:9. Apple, Samsung, and Google all ship default photo modes that land close to 4:3, such as 4032×3024 on iPhone-class sensors or 4000×3000 on Galaxy devices. Video, by contrast, usually flips to 16:9 or 9:16 because those ratios are optimized for playback rather than full-sensor still capture.

4:3 also aligns well with common print sizes. A 4×3 inch print, an 8×6 print, a 12×9 enlargement, and a 16×12 poster all preserve the ratio without wasting pixels on heavy crops. For portrait, product, documentary, and architectural work, the slightly taller frame can feel more balanced than 16:9 while still leaving enough width for environmental context.

iPhone 15 Pro

4032×3024

12MP default still photo output

Samsung Galaxy S24

4000×3000

12MP default photo mode

Google Pixel 8

4080×3072

12.5MP merged photo output

How To

How to Calculate 4:3 Aspect Ratio

  1. 1

    Identify your starting dimension

    Decide whether you already know the width or the height. Projector workflows usually start with width, while camera or tablet layouts sometimes begin with a fixed height.

  2. 2

    Apply the 4:3 formula

    To find height from width, multiply width by 0.75. To find width from height, multiply height by 1.3333. Example: 1024 × 0.75 = 768.

  3. 3

    Verify with the calculator

    Enter the numbers above to confirm the exact ratio, view the decimal value, get the CSS padding of 75 percent, and see where the size fits in current 4:3 workflows.

  4. 4

    Check for exact integer results

    4:3 produces clean integers whenever the width is divisible by 4 or the height is divisible by 3. When you start from awkward values like 1366, expect a decimal and round carefully.

  5. 5

    Implement in CSS or your design tool

    Use `aspect-ratio: 4 / 3` in modern CSS or `padding-top: 75%` for legacy support. In Figma or other design tools, lock the aspect ratio and enter one dimension.

Frequently Asked Questions

Frequently Asked Questions About 4:3

What is the 4:3 aspect ratio in pixels?

4:3 is a ratio, not a single pixel count. Any resolution where width divided by height equals about 1.3333 qualifies. Common 4:3 sizes include 640×480, 800×600, 1024×768, 1280×960, 1600×1200, and 2048×1536.

Is Zoom 4:3 or 16:9?

Zoom often defaults to 4:3 for webcam video, especially with older webcams and built-in laptop cameras. It can support 16:9 if the camera hardware exposes a widescreen mode, but many conferencing setups still behave like 4:3 first.

What CSS padding is used for 4:3?

The classic CSS padding-top value for 4:3 is exactly 75 percent because 3 divided by 4 times 100 equals 75. That makes 4:3 one of the easiest aspect ratios to implement in legacy responsive layouts.

Is iPad 4:3?

Early iPad models used exact 4:3 displays at 1024×768 and later 2048×1536 Retina. Modern iPads are close to 4:3 in some lines but not all models are mathematically exact, so check the specific device before treating it as perfect 4:3.

What is the difference between 4:3 and 16:9?

4:3 is more square and 16:9 is wider. A 4:3 frame is about one third taller relative to its width than a 16:9 frame. That makes 4:3 better for slides, tablet layouts, and some photography, while 16:9 is better for streaming and modern displays.

What cameras use 4:3 aspect ratio?

Micro Four Thirds cameras use 4:3 as their native sensor shape, including many Olympus, OM System, Panasonic Lumix, and Blackmagic-related workflows. Many smartphones also default to 4:3 for still photos even when video uses 16:9.

How do I convert 16:9 content to 4:3?

You can crop the left and right sides of a 16:9 frame to fit 4:3, which removes about 25 percent of the width, or you can letterbox within a 4:3 container. Cropping preserves a full 4:3 frame but loses image area, while letterboxing preserves all content with bars.

What resolution is 4:3 at 4K?

True consumer 4K is 3840×2160 in 16:9, but a 4:3 frame with similar high-end density is often 4096×3072 or 3072×2304 depending on the workflow. In photography and sensor specs, 4096×3072 is a common 4K-class 4:3 reference.

Keep Exploring

Continue from 4:3 into related tools, use cases, and comparison pages

🏠

Calculator

Use the main tool for any ratio, units, and diagonal conversions.

📺

16:9 Guide

Compare 4:3 with the modern widescreen standard.

📱

9:16 Guide

Move from classic screens into vertical mobile-first video.

💻

CSS Aspect Ratio Generator

Generate ratio utilities for production-ready embeds.

📷

Photography

See how ratios affect prints, crops, and camera output.

📽️

Video Use Cases

Review platform-safe ratios for streaming and publishing.

📊

Social Media

Check how square, widescreen, and vertical ratios compare.

📖

4:3 vs 16:9

Read the long-form comparison between classic and widescreen formats.