diff --git a/packages/next/build/webpack/loaders/next-image-loader.js b/packages/next/build/webpack/loaders/next-image-loader.js
index 6bc17aa92ebfddd..a336090874db9a9 100644
--- a/packages/next/build/webpack/loaders/next-image-loader.js
+++ b/packages/next/build/webpack/loaders/next-image-loader.js
@@ -35,12 +35,14 @@ function nextImageLoader(content) {
// Shrink the image's largest dimension
if (imageSize.width >= imageSize.height) {
blurWidth = BLUR_IMG_SIZE
- blurHeight = Math.round(
- (imageSize.height / imageSize.width) * BLUR_IMG_SIZE
+ blurHeight = Math.max(
+ Math.round((imageSize.height / imageSize.width) * BLUR_IMG_SIZE),
+ 1
)
} else {
- blurWidth = Math.round(
- (imageSize.width / imageSize.height) * BLUR_IMG_SIZE
+ blurWidth = Math.max(
+ Math.round((imageSize.width / imageSize.height) * BLUR_IMG_SIZE),
+ 1
)
blurHeight = BLUR_IMG_SIZE
}
diff --git a/test/integration/image-future/default/pages/static-img.js b/test/integration/image-future/default/pages/static-img.js
index 26c2e5a55fbc575..f4c4552f2d7db5b 100644
--- a/test/integration/image-future/default/pages/static-img.js
+++ b/test/integration/image-future/default/pages/static-img.js
@@ -11,6 +11,8 @@ import testGIF from '../public/test.gif'
import testBMP from '../public/test.bmp'
import testICO from '../public/test.ico'
import widePNG from '../public/wide.png'
+import tallPNG from '../components/tall.png'
+import superWidePNG from '../public/super-wide.png'
import TallImage from '../components/TallImage'
@@ -40,6 +42,22 @@ const Page = () => {
+
+
+
+
diff --git a/test/integration/image-future/default/public/super-wide.png b/test/integration/image-future/default/public/super-wide.png
new file mode 100644
index 000000000000000..8bae369b47c0c5b
Binary files /dev/null and b/test/integration/image-future/default/public/super-wide.png differ