search

Niels-IO / next-image-export-optimizer

Use Next.js advanced <Image/> component with the static export functionality. Optimizes all static images in an additional step after the Next.js static export.
MIT License
439 stars 52 forks source link

Allow CSS images optimization (for example background image) #224

Open pioso opened 3 months ago

pioso commented 3 months ago

Hello @Niels-IO,

Thank you for your efforts. Good job!

The package itself works very well, but I've noticed a significant missing feature: optimization of images included in CSS, such as background images (refer to this link for details).

Have you considered this use case before?

Upon a quick review of the code, my initial idea would be to begin with the getImageUrl function (accessible here) and integrate it into an exported API interface. This way, developers could pass the necessary image and current viewport width, and receive an optimized image URL in return.

What are your thoughts on this approach? Does it seem viable to you? Do you have any alternative ideas for extending the package to support images used in CSS?

Best regards

Niels-IO commented 2 months ago

Hi @pioso,

Thanks for the suggestion. The more I think about it, it may be possible using the approach you mentioned. Do you want to create an initial PR to test this idea?

Niels-IO commented 2 months ago

I just read about this functionality in the Next.js docs: https://nextjs.org/docs/app/api-reference/components/image#background-css