edent/SuperTinyIcons
1
0
Fork 1
Code Issues 9 Pull Requests Actions Packages Projects Releases Wiki Activity

Better README

Browse Source
This commit is contained in:
edent
2017-04-14 13:46:03 +01:00
parent 07f50efbe8
commit ed9059bd91
1 changed files with 37 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
README.md
View File

@@ -11,6 +11,42 @@ Originally created for my contact page - https://edent.tel/
|------ |----------- |------ |---------- |------ |----------- | |------ |----------- |------ |---------- |------ |----------- |
| <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/github.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/github.png" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/1d6887058425cbfe913ed0abcf4480c449212008/tiny/twitter.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/twitter.png" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/flickr.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/flickr.png" width="100" /> | | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/github.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/github.png" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/1d6887058425cbfe913ed0abcf4480c449212008/tiny/twitter.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/twitter.png" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/tiny/flickr.svg" width="100" /> | <img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/master/original/flickr.png" width="100" /> |
## What's available so far?
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/hackernews.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/bc32c00ed0ffe77fc284b762497162bd3fa2604e/tiny/flickr.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/facebook.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/tumblr.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/telegram.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/dropbox.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/instagram.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/linkedin.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/stackoverflow.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/vimeo.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/1d6887058425cbfe913ed0abcf4480c449212008/tiny/twitter.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/lock.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/html5.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/paypal.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/pinterest.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/slideshare.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/soundcloud.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/spotify.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/steam.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/whatsapp.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wikipedia.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wordpress.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/github.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/phone.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/skype.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/785dd5c329ce406b569d9fe0dab04dbd533e0afc/tiny/wire.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/amazon.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/google_plus.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/snapchat.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/wechat.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/youtube.svg" width="100" />
<img src="https://cdn.rawgit.com/edent/SuperTinySocialIcons/blob/07f50efbe8d0d5f8596e9599949eeab20644d5db/tiny/youtube-tiny.svg" width="100" />
## Why so smallious? ## Why so smallious?
Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours. Bytes cost money. They cost money to store, transport, and process. Simplicity should be our goal in all endeavours.
@@ -26,7 +62,7 @@ Yes! These files were minified using [svgo](https://github.com/svg/svgo) and the
* Colours can be simplified. `#FF0000` becomes `red` * 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. * 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 applyig 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` 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`.
Think you can make them smaller? Tell me by raising an issue! Think you can make them smaller? Tell me by raising an issue!