i was digging through some old projects recently when i stumbled upon a debate about svg versus rasters for spinners and loadings. it got me thinking, so here's my take.
so you're building something fancy w/ css3 animations? cool! but are your loader icons keeping up the pace?
svg loaders have that futuristic feel to them - they scale without losing quality no matter how big or small a screen gets ➡️✨. plus there's tons of creative room for animation and interactivity.
on the other hand, raster images (like pngs) are still widely used bc many older devices might not support svg natively ⚠️. they're also easier to find in pre-made libraries .
but let's be real: if you're working on a modern responsive site or app that caters primarily to desktop users, going with svgs could save bandwidth and improve user experience .
i'm curious - what's your go-to loader these days? do u prefer the simplicity of rasters over svg magic, or are there specific projects where you lean one way?
any thoughts on this split in web design tech ❓
https://css-tricks.com/loading-smarter-svg-vs-raster-loaders-in-modern-web-design/