I've been designing website for a long time just using images for gradients, for small gradients this seems to work fine and not add much loading time, but right now with so much fragmentation with newer CSS (webkit/moz/o/khtml, and not to mention ie 6,7,8,9)
so in order for just one universal gradient theres gonna be a lot of css.
With sites that are going to require a ton of gradients I use Less.js to make it slightly better, but this only goes so far...
I was just wondering at what size does it make more sense to use css gradients over images, if there really is a breaking point.
[ex. a small 5px gradient, it makes more sense to just have a 5px image, but like a 1000px gradient it probably makes more sense to just use css]
Oh and I know there's SVG, I haven't really tried it but does it work well?
Any opinions would be much appreciated. :)