You may not realise it, but bandwidth is expensive. It costs you time, money, and battery power whenever you download a file larger than it needs to be.
That’s why I’ve become a little bit obsessed with SVG – Scalable Vector Graphics. They’re the closest thing to magic that the web has when it comes to image compression. Let me show you what I mean.
This is the standard Twitter Logo. It’s 512 * 512 pixels and, even with hefty PNG compression, weighs in at around 20KB.
Here’s the same logo rendered as an SVG. Because it is a vector graphic it can be magnified infinitely without any loss of fidelity.
The uncompressed SVG is a mere 425 Bytes. Not a typo. You could fit over 3,000 of these images on a floppy disk.
That’s why I have released SuperTinyIcons on GitHub. Eighty of the web’s most popular logos – each image is under 1KB.
These files are suitable for use on the web – just use
<img src=".... They are supported by all popular browsers. I’ve also converted them to Android Vector Drawables, so they can be incorporated into your apps.
I’ve released them as MIT licensed files – although you should check the original images’ licences. Some of these logos may be trademarked.