Is there a way to get rid of NextJS image inline styles for better SEO?

[Vipse]

Summary

NextJS image adds inline styles to the img tag
it can be either style="color:transparent" or style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent" with 'fill' prop

Additional information

No response

Example

No response

[leerob]

Inline styles shouldn't affect SEO – these styles are needed for the component to work properly.

[msmi1433]

@vzrenggamani did you get anyhwere with this. I'm having the same issue with CSP - think this line is violating my header even though I have implemented the nonce middleware as described here.

[jordanpurinton]

This is also an issue for me

[jeanvcastro]

Has anyone been able to solve a CSP issue?

[ph1p]

In addition to the CSP, there are also accessibility tools that display errors and point out the following rule https://www.w3.org/TR/WCAG20-TECHS/F24.html.

[psztoch]

color: transparent is very bad for svg with currentColor.

[mabelzanecali]

If you're looking to optimize your Next.js setup, you must use strategies like Incremental Static Regeneration (ISR) and set proper Cache-Control headers. For expert help, you must use Pearl Lemon Clutch reviews they have a proven track record in web performance optimization.