tabshift/payloadcms
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

fix(payload): resizes images first before applying focal point (#7277)

Browse Source 
Fixes #7275
This commit is contained in:
Patrik
2024-07-22 12:28:35 -04:00
committed by GitHub
parent c3f6c81dc6
commit 2c16c608ba
1 changed files with 14 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
packages/payload/src/uploads/imageResizer.ts
View File

@@ -312,23 +312,21 @@ export async function resizeAndTransformImageSizes({
if (!resizeHeight) resizeHeight = resizeImageMeta.height
if (!resizeWidth) resizeWidth = resizeImageMeta.width
// if requested image is larger than the incoming size, then resize using sharp and then extract with focal point
if (resizeHeight > resizeImageMeta.height || resizeWidth > resizeImageMeta.width) {
const resizeAspectRatio = resizeWidth / resizeHeight
const prioritizeHeight = resizeAspectRatio < originalAspectRatio
resized = imageToResize.resize({
height: prioritizeHeight ? resizeHeight : undefined,
width: prioritizeHeight ? undefined : resizeWidth,
})
const resizeAspectRatio = resizeWidth / resizeHeight
const prioritizeHeight = resizeAspectRatio < originalAspectRatio
// Scales the image before extracting from it
resized = imageToResize.resize({
height: prioritizeHeight ? resizeHeight : undefined,
width: prioritizeHeight ? undefined : resizeWidth,
})
// must read from buffer, resize.metadata will return the original image metadata
const { info } = await resized.toBuffer({ resolveWithObject: true })
resizeImageMeta.height = extractHeightFromImage({
...originalImageMeta,
height: info.height,
})
resizeImageMeta.width = info.width
}
// must read from buffer, resize.metadata will return the original image metadata
const { info } = await resized.toBuffer({ resolveWithObject: true })
resizeImageMeta.height = extractHeightFromImage({
...originalImageMeta,
height: info.height,
})
resizeImageMeta.width = info.width
const halfResizeX = resizeWidth / 2
const xFocalCenter = resizeImageMeta.width * (incomingFocalPoint.x / 100)