We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Great job on the new version, really like the dx.
next.config.js
javascript [ optimizedImages, { images: { handleImages: ['jpeg', 'png', 'webp'], webp: { quality: 100, nearLossless: true, }, }, }, ],
images.config.js
module.exports = { default: { webp: true, densities: [1, 2] }, };
... <Img src={Hero} /> ...
original image is png; the only thing generated is an optimized png and webp image, but no images with defined densities
various densities reference the "same" image element
also does not work when defining densities inline, on the Img elements themselves
HTML looks like the following
<picture> <source type="image/webp" srcset="/_next/static/chunks/images/landing-hero-d7a2b56784e764765f7be1e94ebcc13a.webp, /_next/static/chunks/images/landing-hero-d7a2b56784e764765f7be1e94ebcc13a.webp 2x, /_next/static/chunks/images/landing-hero-d7a2b56784e764765f7be1e94ebcc13a.webp 3x"> <source type="image/png" srcset="/_next/static/chunks/images/landing-hero-0de1f1910a9d4f45cf113b0277fe4f8a.png, /_next/static/chunks/images/landing-hero-0de1f1910a9d4f45cf113b0277fe4f8a.png 2x, /_next/static/chunks/images/landing-hero-0de1f1910a9d4f45cf113b0277fe4f8a.png 3x"> <img src="/_next/static/chunks/images/landing-hero-0de1f1910a9d4f45cf113b0277fe4f8a.png"> </picture>
The text was updated successfully, but these errors were encountered:
Any news on this?
Sorry, something went wrong.
No branches or pull requests
Great job on the new version, really like the dx.
Version:
Setup:
next.config.js
:images.config.js
:Usage:
The problem
original image is png; the only thing generated is an optimized png and webp image, but no images with defined densities
various densities reference the "same" image element
also does not work when defining densities inline, on the Img elements themselves
HTML looks like the following
Expected behavior
The text was updated successfully, but these errors were encountered: