fix(gatsby-plugin-sharp): Include default transform options for webp (#…

…28620) (#28629) * fix(gatsby-plugin-sharp): Include default transform options for webp * SNapshots (cherry picked from commit 1c750b6) Co-authored-by: Matt Kane <[email protected]>
gatsbyjs · Dec 15, 2020 · 7f43c3b · 7f43c3b
1 parent 5901a10
commit 7f43c3b
Show file tree

Hide file tree

Showing 7 changed files with 6 additions and 3 deletions.
diff --git a/...s/image.js/GatsbyImage -- fixed image -- renders correctly on 1027x768.snap.png b/...s/image.js/GatsbyImage -- fixed image -- renders correctly on 1027x768.snap.png
diff --git a/...ots/image.js/GatsbyImage -- fixed image -- renders correctly on ipad-2.snap.png b/...ots/image.js/GatsbyImage -- fixed image -- renders correctly on ipad-2.snap.png
diff --git a/...s/image.js/GatsbyImage -- fixed image -- renders correctly on iphone-6.snap.png b/...s/image.js/GatsbyImage -- fixed image -- renders correctly on iphone-6.snap.png
diff --git a/...xed image smaller than requested size -- renders correctly on 1027x768.snap.png b/...xed image smaller than requested size -- renders correctly on 1027x768.snap.png
diff --git a/...fixed image smaller than requested size -- renders correctly on ipad-2.snap.png b/...fixed image smaller than requested size -- renders correctly on ipad-2.snap.png
diff --git a/...xed image smaller than requested size -- renders correctly on iphone-6.snap.png b/...xed image smaller than requested size -- renders correctly on iphone-6.snap.png
diff --git a/packages/gatsby-plugin-sharp/src/image-data.ts b/packages/gatsby-plugin-sharp/src/image-data.ts
@@ -218,9 +218,10 @@ export async function generateImageData({
       const width = Math.round(outputWidth)
       const transform = createTransformObject({
         quality,
-        ...args.transformOptions,
+        ...transformOptions,
+        fit,
+        cropFocus,
         ...args.webpOptions,
-        tracedSVGOptions,
         width,
         height: Math.round(width / imageSizes.aspectRatio),
         toFormat: `webp`,
@@ -249,7 +250,9 @@ export async function generateImageData({
       file,
       args: {
         ...options,
-        ...args.transformOptions,
+        ...transformOptions,
+        fit,
+        cropFocus,
         toFormatBase64: args.blurredOptions?.toFormat,
         width: placeholderWidth,
         height: Math.round(placeholderWidth / imageSizes.aspectRatio),