humaans / next-img

A Next.js plugin for embedding optimized images.
https://humaans.github.io/next-img/
273 stars 11 forks source link

How to decrease the size of webp images? #10

Closed melvin2016 closed 4 years ago

melvin2016 commented 4 years ago

EDIT: It's working now! I tried to decrease the quality with the options from the documentation.

{
jpeg: {
    quality: 80,
    webp: {
      quality: 13,
      reductionEffort: 6,
    },
  },

  png: {
    quality: 100,
    webp: {
      quality: 13,
      reductionEffort: 6,
      lossless: true,
    },
  },
}

This the options I'm passing to the next-img plugin. But when I load the image from the browser. The image size is still the same