My browser's image choices from srcset (which are correct size wise from what I can see) have highlighted that image-webpack-loader might be doing some pretty aggressive compression. I just don't really have the experience to know if this is excessive (although my eyes can see the pixelation, so...)

The example was a jpg image 900x393 and 159KB, which was being compressed to 10.8KB. Does that seem really small?

My webpack loader:

{
    loader: "image-webpack-loader",               
        options: { 
            mozjpeg: {
                progressive: true,
                quality: 65,
            },
            optipng: {
                enabled: false,
            },
            pngquant: {
                quality: [0.65, 0.9],
                speed: 4,
            },
            webp: {
                quality: 75
            },
        },
    },

I don't think it was my srcset attribute, as it's picking the 900px width image at about the right time.

Any help appreciated

**Edit: So I think it's compressing it too much in the places that are slightly out of focus. Weirdly removing the entire options object results in a much better image @ 19k, but using

            mozjpeg: {
                quality: 100,
            },

inside the options object, or removing the mozjpeg entry still compresses the image down to 10.8k

Pretty confused to be honest. Is there a way to avoid compressing specific images?