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