Image is blurry after resizing puppeteer screenshot

[neilgandhi95]

Question about an existing feature

I'm trying to resize a screenshot taken with Puppeteer, and finding the image to be very blurry

When you searched for similar issues, what did you find that might be related?

I looked through a few threads here and the docs and tried messing with the kernel, but with no success

Please provide a minimal, standalone code sample, wit

const screenshotBuffer = await page.screenshot({ path: "screenshot.png" }); //puppeteer screenshot
const resizedBuffer = await sharp(screenshotBuffer)
        .resize(365, 206, {
          fit: "fill",
          kernel: "lanczos3",
          fastShrinkOnLoad: false,
        })
        .toBuffer();

Please provide sample image(s) that help explain this question

Without resize:

With resize:

With resize, zoomed in to show blurry

That same image resized in Figma is perfect quality

[lovell]

kernel: "lanczos3",

It looks like you've already found the kernel parameter. You'll need to experiment with the other possible values to see which provides the best output for your scenario.

https://sharp.pixelplumbing.com/api-resize#resize

[lovell]

I hope this information helped. Please feel free to re-open with more details if further assistance is required.