kiahjh / next-bg-image

Responsive, optimized, and accessible background images for Next.js

Hi there! 👋

I'm a frontend developer and designer that puts on his full-stack hat when the need arrises. Based in Wadsworth, OH. Currently mostly working on Gertrude, a macOS internet safety and website blocking app, as well as Friends Library, a non-profit dedicated to making the writings of the early Society of Friends generally available for free.

On top of this I also have a handful of ongoing open source projects, including the following:

• devine - delightful dev tools for react
• next-bg-image - responsive, optimized, and accessible background image component for Next.js apps

next-bg-image's Issues

independent size and position controls for different background layers

currently, the size and position props will apply their values to all background images if multiple are supplied. the component should support independent control of each background layer

Set image quality

Hi,

Is it possible to set the quality of the optimized image? Now every image is loaded in quality 75%.
getImageProps() accepts a quality prop.

Thanks in advance

add support for next 14.1

unstable_getImgProps() -> getImgProps()

Blog post:
https://nextjs.org/blog/next-14-1#nextimage-support-for-picture-and-art-direction

`children` shouldn't be a required prop