Update README

This commit is contained in:
edent
2017-04-14 16:12:43 +01:00
parent cc30b67be6
commit 8ada142f8e

View File

@@ -13,15 +13,15 @@ Originally created for my contact page - https://edent.tel/
## What's Available so far?
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/hackernews.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/bc32c00ed0ffe77fc284b762497162bd3fa2604e/tiny/flickr.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/facebook.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/tumblr.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/telegram.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/dropbox.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/instagram.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/linkedin.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/stackoverflow.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/vimeo.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/1d6887058425cbfe913ed0abcf4480c449212008/tiny/twitter.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/lock.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/html5.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/paypal.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/pinterest.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/slideshare.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/soundcloud.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/spotify.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/steam.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/whatsapp.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wikipedia.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wordpress.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/github.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/phone.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/skype.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/wire.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/amazon.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/google_plus.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/snapchat.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wechat.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/youtube.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/youtube-tiny.svg" width="100" alt="This doesn't work in browser. Why?" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/hackernews.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/bc32c00ed0ffe77fc284b762497162bd3fa2604e/tiny/flickr.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/facebook.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/tumblr.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/telegram.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/dropbox.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/instagram.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/linkedin.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/stackoverflow.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/vimeo.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/1d6887058425cbfe913ed0abcf4480c449212008/tiny/twitter.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/lock.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/html5.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/paypal.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/pinterest.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/slideshare.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/soundcloud.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/spotify.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/steam.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/whatsapp.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wikipedia.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wordpress.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/github.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/phone.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/skype.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/wire.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/amazon.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/google_plus.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/snapchat.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wechat.svg" width="100" /><img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/youtube.svg" width="100" />
## Why so smallious?
Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours.
## Can you go smaller?
## Scream if you want to go smaller
Yes! These files were minified using [svgo](https://github.com/svg/svgo) and then hand edited. Further smallification is possible.
These files were minified using [svgo](https://github.com/svg/svgo) and then hand edited. Further smallification is possible.
* Each of these has an `xmlns="http://www.w3.org/2000/svg"` in the `<svg>` tag. This isn't strictly necessary - but some web browsers won't display them as an image without it.
* Newlines can be stripped - they've been kept for readability where possible.
@@ -30,7 +30,7 @@ Yes! These files were minified using [svgo](https://github.com/svg/svgo) and the
* Colours can be simplified. `#FF0000` becomes `red`
* The precision of the paths is *mostly* 0 decimal places. A few logos have 1 or 2 dp to make them look more accurate. The precision can be reduced if necessary.
You can see the difference this makes in `youtube.svg` which is a ginormous 1,074 Bytes. By applying some of the above techniques we can get it down to a svelte 998 Bytes in `youtube-tiny.svg`.
You can see the difference this makes in [`youtube.svg`](https://github.com/edent/SuperTinySocialIcons/raw/master/tiny/youtube.svg) which is a ginormous 1,074 Bytes. By applying some of the above techniques we can get it down to a svelte 998 Bytes in [`youtube-tiny.svg`](https://github.com/edent/SuperTinySocialIcons/raw/master/tiny/youtube-tiny.svg).
Think you can make them smaller? Tell me by raising an issue!