Any big difference btw a complexe css gradient and its webp image equivalent?

Guys,
In terms of optimal page load speed, what’s recommended between a css gradient and its webp image equivalent?
Or more generally speaking, what is faster to load between css and its webp image equivalent?
Thanks!

Well css gradient is preferred of course as it is generated scalable for any resolution. Much like vector graphics.

While webp is just a bitmap with fixed pixel size.

1 Like