Automatic blurDataURL with q=1?

[dariusz-wozniak]

I've seen the following code:

    {images ? (
      <Image
        className="rounded object-cover"
        src={`/_next/image?url=${images}&w=640&q=20`}
        slug="slug"
        title={`${title}`}
        alt={`${title}`}
        layout="responsive"
        placeholder="blur"
        blurDataURL={`/_next/image?url=${images}&w=16&q=1`}
        width={640}
        height={400}
      />
    ) : null}

At the #256 (comment).

When I apply code to my website then images are missing:

Request URL: http://localhost:3001/_next/image?url=/static/images/blog/rider-breakpoint-evaluate-and-log.png&w=250&q=1
Request Method: GET
Status Code: 400 Bad Request

How can I automatically generate images with q=1?

[dariusz-wozniak]

Found it quickly:

It was a prefix that messed it: /_next/. After removal, it works fine.