31–40 of 121 posts
They aren't all under 1KB, but there a few repos on GitHub hosting all of the Font Awesome icons as SVG. Also, if you can avoid it, don't use https://github.com/ivanvotti/font-awesome-svg/tree/master/SV...
At what point does using a vector SVG is worse than raster image? Level of image complexit, requiring a ton of path elements? the Twitter logo can be create in basically 2 path elements. What if my logo is much more complex? Is there a threshold at the complexity of my image results in an SVG payload > than a properly compressed raster image?
Not bad
At what point does using a vector SVG is worse than raster image? Level of image complexit, requiring a ton of path elements? the Twitter logo can be create in basically 2 path elements. What if my logo is much more complex? Is there a threshold at the complexity of my image results in an SVG payload > than a properly compressed raster image?
That's my issue with the svg reflex, re-rendering complex geometry is more demanding than byte copy. That said https://edent.github.io/SuperTinyIcons/tiny/twitter.svg is really really really simple. I had no idea svg.fill could encode such things, and expected a bad mix of overlapping ovals to create the illustration. Not bad
It's a bit of a silly way to do it - and is probably more complex to render.
Earlier quoted context omitted.
That's my issue with the svg reflex, re-rendering complex geometry is more demanding than byte copy. That said https://edent.github.io/SuperTinyIcons/tiny/twitter.svg is really really really simple. I had no idea svg.fill could encode such things, and expected a bad mix of overlapping ovals to create the illustration. Not bad
I have made a "circles only" version of the Twitter logo - it's at https://shkspr.mobi/blog/2017/05/the-twitter-logo-as-svg-cir... It's a bit of a silly way to do it - and is probably more complex to render.
Where do we find a good SVG editor? That might be the reason the mass hasn't switched to svg.
Earlier quoted context omitted.
Yes, you can make an image that compresses to a smaller raster image vs. SVG, and complexity is a good way to do that. Especially possible if your image/logo isn’t just solid colors, but contains gradients or textures. I would guess, though, that if you make a logo that is larger as an SVG than a compressed raster, you’ve probably made a bad logo. Logos should be simple.
> Logos should be simple. Agreed. Simple but important things to also consider with Logos include "What does it look like if printed in black and white?" It's a bit outdated advice in some regards, based as much on letter headers, fax machines, and news print adverts, as anything else. You'll notice that almost all memorable logos work really well in black and white, though.
Where do we find a good SVG editor? That might be the reason the mass hasn't switched to svg.
Where do we find a good SVG editor? That might be the reason the mass hasn't switched to svg.
