Aspect Ratio Calculator
How To Use
Quick start: set Target Width/Height or pick a Resolution Preset. Keep Lock aspect on and choose a Driver to decide which dimension controls the other.
- Ratio Preset: applies common ratios; height updates from width when locked.
- Driver: Width→Height or Height→Width when locked.
- Arrow keys on inputs nudge by 1; hold Shift for 10.
- Copy Link: compact URL params. Copy Full Link: full state via
#cfg(includes grid and safe areas). - Fit Calculator: enter container size to see contain/cover, scale %, and letterbox/crop.
- Density & Units: set DPI/PPI to derive inches/mm; “Set by Width (in)” back-computes pixels.
- Safe Areas: inset UI by % from each edge; use presets like Console Overscan 5–10%.
- Preview Grid: compare how this aspect fits across PC/Mobile/Console targets; supports custom grids.
- Compare: toggle an alternate resolution to view side-by-side grid/metrics.
- Export / Import: copy/download JSON, upload to restore or share configurations.
- Snippets: ready-to-copy CSS / Unity / Unreal / Godot helpers.
- Batch Table: paste many sizes to get simplified ratios and closest standards.
Compare
Simplified: 16 : 9Decimal: 1.777778 : 1
Closest standard: 16:9 (0.00% err), 3:2 (15.62% err), 4:3 (25.00% err)
Preview
Scaled preview within 260×160
Fit Calculator
Contain
Size: 1920×1080
Scale: 100.00%
Letterbox: 0×0
Cover
Size: 1920×1080
Scale: 100.00%
Crop: 0×0
Density & Units
From Pixels
Width: 20.00 in · 508.0 mm
Height: 11.25 in · 285.8 mm
Set by Width (in)
Uses current ratio and DPI to derive height.
Safe Areas
Safe content: 1920×1080 • AR 1.7778:1
Snippets
Preview Grid
Export / Import
Batch Table