diff --git a/packages/core/test/bundling/image-directive/BUILD.bazel b/packages/core/test/bundling/image-directive/BUILD.bazel
index eac82493d48..dc763d50f72 100644
--- a/packages/core/test/bundling/image-directive/BUILD.bazel
+++ b/packages/core/test/bundling/image-directive/BUILD.bazel
@@ -44,6 +44,7 @@ http_server(
         "e2e/b.png",
         "e2e/logo-1500w.jpg",
         "e2e/logo-500w.jpg",
+        "e2e/white-607x3.png",
         "index.html",
     ],
     deps = [
diff --git a/packages/core/test/bundling/image-directive/e2e/image-distortion/image-distortion.ts b/packages/core/test/bundling/image-directive/e2e/image-distortion/image-distortion.ts
index f5702a26114..a3226c00979 100644
--- a/packages/core/test/bundling/image-directive/e2e/image-distortion/image-distortion.ts
+++ b/packages/core/test/bundling/image-directive/e2e/image-distortion/image-distortion.ts
@@ -58,6 +58,9 @@ import {Component} from '@angular/core';
      <img ngSrc="/e2e/a.png" width="25" height="25" style="padding: 1px 2px 5px 10px; box-sizing: content-box; height: 25px; width: auto">
      <img ngSrc="/e2e/a.png" width="25" height="25" style="padding: 1px 2px 5px 10px; box-sizing: border-box; height: 25px; width: auto">
      <br>
+     <!-- autoscale with large difference between width and height resulting in rounding -->
+     <img ngSrc="/e2e/white-607x3.png" width="607" height="3" style="width: auto; height: 2px">
+     <br>
     `,
 })
 export class ImageDistortionPassingComponent {
diff --git a/packages/core/test/bundling/image-directive/e2e/white-607x3.png b/packages/core/test/bundling/image-directive/e2e/white-607x3.png
new file mode 100644
index 00000000000..2627044e870
Binary files /dev/null and b/packages/core/test/bundling/image-directive/e2e/white-607x3.png differ