diff --git a/lib/web_ui/lib/src/engine/skwasm/skwasm_impl/codecs.dart b/lib/web_ui/lib/src/engine/skwasm/skwasm_impl/codecs.dart
index 52b1c0f9ec724..ed317f45223cd 100644
--- a/lib/web_ui/lib/src/engine/skwasm/skwasm_impl/codecs.dart
+++ b/lib/web_ui/lib/src/engine/skwasm/skwasm_impl/codecs.dart
@@ -17,8 +17,8 @@ class SkwasmImageDecoder extends BrowserImageDecoder {
 
   @override
   ui.Image generateImageFromVideoFrame(VideoFrame frame) {
-    final int width = frame.codedWidth.toInt();
-    final int height = frame.codedHeight.toInt();
+    final int width = frame.displayWidth.toInt();
+    final int height = frame.displayHeight.toInt();
     final SkwasmSurface surface = (renderer as SkwasmRenderer).surface;
     return SkwasmImage(imageCreateFromTextureSource(
       frame as JSObject,
diff --git a/lib/web_ui/test/ui/image_golden_test.dart b/lib/web_ui/test/ui/image_golden_test.dart
index 819e10074e517..0ac49d2ab09d5 100644
--- a/lib/web_ui/test/ui/image_golden_test.dart
+++ b/lib/web_ui/test/ui/image_golden_test.dart
@@ -385,6 +385,19 @@ Future<void> testMain() async {
     return info.image;
   });
 
+  test('decode rotated jpeg', () async {
+    // This image (from skia's test images) has a rotated orientation in its exif data.
+    // This should result in a 3024x4032 image, not 4032x3024 image.
+    final ui.Codec codec = await renderer.instantiateImageCodecFromUrl(
+      Uri(path: '/test_images/iphone_15.jpeg')
+    );
+    expect(codec.frameCount, 1);
+
+    final ui.FrameInfo info = await codec.getNextFrame();
+    expect(info.image.width, 3024);
+    expect(info.image.height, 4032);
+  });
+
   // This API doesn't work in headless Firefox due to requiring WebGL
   // See https://github.com/flutter/flutter/issues/109265
   if (!isFirefox) {