{
  "scope": "Original non-adult SVG in CSS image boxes. Not an external AV19 player or video-quality test.",
  "method": "Read natural image dimensions, layout box and computed object-fit. Derive fitted and visible source dimensions with uniform scaling and centered positioning. Three repetitions.",
  "observed_markers": {
    "fit": "A B C D visible",
    "fill": "All four corner markers outside the visible crop",
    "wide": "A B C D visible"
  },
  "source": {
    "path": "/media/frame-test.svg",
    "bytes": 1001,
    "sha256": "442381b0e21d12c7eeb0990d58f93e90155f1bcd3a0fad050045dc0a8b8cb1c0"
  },
  "browser": "Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/156.0.0.0 Safari/537.36",
  "devicePixelRatio": 1,
  "runs": [
    {
      "at": "2026-11-06T03:57:16.139Z",
      "rows": [
        {
          "id": "fit",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 320,
          "objectFit": "contain",
          "objectPosition": "50% 50%",
          "renderedWidth": 320,
          "renderedHeight": 180,
          "visibleSourceWidth": 960,
          "visibleSourceHeight": 540
        },
        {
          "id": "fill",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 320,
          "objectFit": "cover",
          "objectPosition": "50% 50%",
          "renderedWidth": 568.8888888888889,
          "renderedHeight": 320,
          "visibleSourceWidth": 540,
          "visibleSourceHeight": 540
        },
        {
          "id": "wide",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 180,
          "objectFit": "contain",
          "objectPosition": "50% 50%",
          "renderedWidth": 320,
          "renderedHeight": 180,
          "visibleSourceWidth": 960,
          "visibleSourceHeight": 540
        }
      ]
    },
    {
      "at": "2026-11-06T03:57:28.955Z",
      "rows": [
        {
          "id": "fit",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 320,
          "objectFit": "contain",
          "objectPosition": "50% 50%",
          "renderedWidth": 320,
          "renderedHeight": 180,
          "visibleSourceWidth": 960,
          "visibleSourceHeight": 540
        },
        {
          "id": "fill",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 320,
          "objectFit": "cover",
          "objectPosition": "50% 50%",
          "renderedWidth": 568.8888888888889,
          "renderedHeight": 320,
          "visibleSourceWidth": 540,
          "visibleSourceHeight": 540
        },
        {
          "id": "wide",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 180,
          "objectFit": "contain",
          "objectPosition": "50% 50%",
          "renderedWidth": 320,
          "renderedHeight": 180,
          "visibleSourceWidth": 960,
          "visibleSourceHeight": 540
        }
      ]
    },
    {
      "at": "2026-11-06T03:57:29.237Z",
      "rows": [
        {
          "id": "fit",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 320,
          "objectFit": "contain",
          "objectPosition": "50% 50%",
          "renderedWidth": 320,
          "renderedHeight": 180,
          "visibleSourceWidth": 960,
          "visibleSourceHeight": 540
        },
        {
          "id": "fill",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 320,
          "objectFit": "cover",
          "objectPosition": "50% 50%",
          "renderedWidth": 568.8888888888889,
          "renderedHeight": 320,
          "visibleSourceWidth": 540,
          "visibleSourceHeight": 540
        },
        {
          "id": "wide",
          "sourceWidth": 960,
          "sourceHeight": 540,
          "boxWidth": 320,
          "boxHeight": 180,
          "objectFit": "contain",
          "objectPosition": "50% 50%",
          "renderedWidth": 320,
          "renderedHeight": 180,
          "visibleSourceWidth": 960,
          "visibleSourceHeight": 540
        }
      ]
    }
  ]
}
