diff --git a/packages/next/client/image.tsx b/packages/next/client/image.tsx
index 45c0185cabfd239..c75a88e45afe194 100644
--- a/packages/next/client/image.tsx
+++ b/packages/next/client/image.tsx
@@ -843,7 +843,6 @@ const ImageElement = ({
   imgRef,
   placeholder,
   loading,
-  sizes,
   srcString,
   config,
   unoptimized,
@@ -855,7 +854,7 @@ const ImageElement = ({
       <img
         {...rest}
         {...imgAttributes}
-        {...(layout === 'raw' && !sizes
+        {...(layout === 'raw' && !imgAttributes.sizes
           ? { height: heightInt, width: widthInt }
           : {})}
         decoding="async"
@@ -875,10 +874,10 @@ const ImageElement = ({
               layout,
               width: widthInt,
               quality: qualityInt,
-              sizes,
+              sizes: imgAttributes.sizes,
               loader,
             })}
-            {...(layout === 'raw' && !sizes
+            {...(layout === 'raw' && !imgAttributes.sizes
               ? { height: heightInt, width: widthInt }
               : {})}
             decoding="async"
diff --git a/test/integration/image-component/default/test/index.test.js b/test/integration/image-component/default/test/index.test.js
index 514f71516beb5cb..afb6a71e4fdc044 100644
--- a/test/integration/image-component/default/test/index.test.js
+++ b/test/integration/image-component/default/test/index.test.js
@@ -610,6 +610,12 @@ function runTests(mode) {
       expect(await browser.elementById('raw1').getAttribute('style')).toBe(
         `aspect-ratio:1200 / 700`
       )
+      expect(await browser.elementById('raw1').getAttribute('height')).toBe(
+        '700'
+      )
+      expect(await browser.elementById('raw1').getAttribute('width')).toBe(
+        '1200'
+      )
       expect(await browser.elementById('raw1').getAttribute('srcset')).toBe(
         `/_next/image?url=%2Fwide.png&w=1200&q=75 1x, /_next/image?url=%2Fwide.png&w=3840&q=75 2x`
       )
@@ -617,6 +623,10 @@ function runTests(mode) {
       expect(await browser.elementById('raw2').getAttribute('style')).toBe(
         'padding-left:4rem;width:100%;object-position:30% 30%;aspect-ratio:1200 / 700'
       )
+      expect(
+        await browser.elementById('raw2').getAttribute('height')
+      ).toBeNull()
+      expect(await browser.elementById('raw2').getAttribute('width')).toBeNull()
       expect(await browser.elementById('raw2').getAttribute('srcset')).toBe(
         `/_next/image?url=%2Fwide.png&w=16&q=75 16w, /_next/image?url=%2Fwide.png&w=32&q=75 32w, /_next/image?url=%2Fwide.png&w=48&q=75 48w, /_next/image?url=%2Fwide.png&w=64&q=75 64w, /_next/image?url=%2Fwide.png&w=96&q=75 96w, /_next/image?url=%2Fwide.png&w=128&q=75 128w, /_next/image?url=%2Fwide.png&w=256&q=75 256w, /_next/image?url=%2Fwide.png&w=384&q=75 384w, /_next/image?url=%2Fwide.png&w=640&q=75 640w, /_next/image?url=%2Fwide.png&w=750&q=75 750w, /_next/image?url=%2Fwide.png&w=828&q=75 828w, /_next/image?url=%2Fwide.png&w=1080&q=75 1080w, /_next/image?url=%2Fwide.png&w=1200&q=75 1200w, /_next/image?url=%2Fwide.png&w=1920&q=75 1920w, /_next/image?url=%2Fwide.png&w=2048&q=75 2048w, /_next/image?url=%2Fwide.png&w=3840&q=75 3840w`
       )