{
  "slug": "aspect-ratio-frame",
  "title": "Aspect Ratio Calculator",
  "heading": "Aspect Ratio Calculator",
  "category": "other",
  "url": "https://www.revenuelab.fyi/toolbox/aspect-ratio-frame",
  "summary": "Resize to any ratio and see the crop or letterbox you'll get.",
  "description": "Fitting a 16:9 master into a 9:16 vertical or a 1:1 square always costs something — either cropped edges or letterbox bars. This shows the new dimensions and exactly how much of the frame you lose.",
  "formula": "Height = width ÷ ratio; crop loss = 1 − (fitted area ÷ source area).",
  "dateModified": "2026-09-30",
  "run_url": "https://www.revenuelab.fyi/api/public/calc?tool=aspect-ratio-frame",
  "inputs": [
    {
      "id": "w",
      "label": "Source width",
      "kind": "number",
      "hint": null,
      "default": 1920,
      "unit": "px",
      "min": 1,
      "max": null
    },
    {
      "id": "h",
      "label": "Source height",
      "kind": "number",
      "hint": null,
      "default": 1080,
      "unit": "px",
      "min": 1,
      "max": null
    },
    {
      "id": "target",
      "label": "Target ratio",
      "kind": "select",
      "hint": null,
      "default": "9:16",
      "options": [
        {
          "value": "16:9",
          "label": "16:9 — widescreen / YouTube"
        },
        {
          "value": "9:16",
          "label": "9:16 — Shorts, Reels, TikTok"
        },
        {
          "value": "1:1",
          "label": "1:1 — square feed"
        },
        {
          "value": "4:5",
          "label": "4:5 — Instagram portrait"
        },
        {
          "value": "3:2",
          "label": "3:2 — classic 35 mm"
        },
        {
          "value": "4:3",
          "label": "4:3 — Micro Four Thirds / iPad"
        },
        {
          "value": "2.39:1",
          "label": "2.39:1 — anamorphic cinema"
        }
      ]
    },
    {
      "id": "newW",
      "label": "Scale to width",
      "kind": "number",
      "hint": null,
      "default": 1080,
      "unit": "px",
      "min": 1,
      "max": null
    }
  ],
  "outputs": [
    {
      "id": "newH",
      "label": "Height at your scaled width (px)",
      "format": "decimal",
      "hint": null,
      "primary": true
    },
    {
      "id": "cropW",
      "label": "Crop-to-fill width (px)",
      "format": "decimal",
      "hint": null,
      "primary": false
    },
    {
      "id": "cropH",
      "label": "Crop-to-fill height (px)",
      "format": "decimal",
      "hint": null,
      "primary": false
    },
    {
      "id": "lost",
      "label": "Frame area lost to crop",
      "format": "percent",
      "hint": null,
      "primary": false
    },
    {
      "id": "sourceRatio",
      "label": "Source ratio (decimal)",
      "format": "raw",
      "hint": null,
      "primary": false
    },
    {
      "id": "letterbox",
      "label": "If you letterbox instead",
      "format": "raw",
      "hint": null,
      "primary": false
    }
  ],
  "worked_example": {
    "inputs": [
      "Source width: 1920 px",
      "Source height: 1080 px",
      "Target ratio: 9:16 — Shorts, Reels, TikTok",
      "Scale to width: 1080 px"
    ],
    "outputs": [
      "Height at your scaled width (px): 1,920",
      "Crop-to-fill width (px): 608",
      "Crop-to-fill height (px): 1,080",
      "Frame area lost to crop: 68.4%",
      "Source ratio (decimal): 1.778",
      "If you letterbox instead: Bars top & bottom if fitting whole frame"
    ]
  },
  "how_to": {
    "title": "How to use this",
    "steps": [
      "Enter source width (px).",
      "Enter source height (px).",
      "Enter target ratio.",
      "Enter scale to width (px).",
      "Read your height at your scaled width (px) on the right — it updates as you type.",
      "Hit Share to keep the scenario or send it to someone."
    ]
  },
  "scenarios": [
    {
      "name": "Conservative",
      "description": "Lower-end numbers — what if things land soft?",
      "values": {
        "w": 1152,
        "h": 648,
        "target": "9:16",
        "newW": 648
      }
    },
    {
      "name": "Typical",
      "description": "Defaults — the most common real-world setup.",
      "values": {
        "w": 1920,
        "h": 1080,
        "target": "9:16",
        "newW": 1080
      }
    },
    {
      "name": "Ambitious",
      "description": "Higher-end numbers — what if things really pop?",
      "values": {
        "w": 3072,
        "h": 1728,
        "target": "9:16",
        "newW": 1728
      }
    }
  ],
  "limitations": [
    "Estimates assume standard, average conditions — local rules, pricing, and materials vary.",
    "Results are rounded for readability; add a buffer before ordering, booking, or committing.",
    "Double-check anything with a real cost attached against a local quote."
  ],
  "faq": [
    {
      "q": "Should I shoot vertical or crop from horizontal?",
      "a": "Crop from horizontal only if you framed for it with room on the sides. Cropping 16:9 to 9:16 discards about 68% of the frame, so composition and resolution both take a hit."
    },
    {
      "q": "What is the safest single ratio for social?",
      "a": "4:5 vertical. It occupies more feed height than square, still crops cleanly to 1:1, and survives a 9:16 center-crop better than 16:9 does."
    }
  ],
  "related": [
    "https://www.revenuelab.fyi/toolbox/print-resolution",
    "https://www.revenuelab.fyi/toolbox/video-file-size"
  ],
  "license": "CC-BY-4.0",
  "citation": "RevenueLab — Aspect Ratio Calculator (https://www.revenuelab.fyi/toolbox/aspect-ratio-frame)"
}