デザイン

1KB以下でいろいろなソーシャルサービスのSVG形式アイコンを集めた「SuperTinyIcons」


ギガが減る」ことを気にする人にとっては、たびたび読み込まれるサイトのロゴ画像は軽量であればあるほど嬉しいもの。テレンス・エデンさんはこの問題に取り組み、512ピクセル×512ピクセルでPNG形式ならファイルサイズが10KB以上になるようなロゴ画像を、SVG形式で1KB以下に抑え込みました。

GitHub - edent/SuperTinyIcons: Under 1KB each! Super Tiny Icons are miniscule SVG versions of your favourite website and app logos
https://github.com/edent/SuperTinyIcons


Super Tiny Website Logos in SVG – Terence Eden's Blog
https://shkspr.mobi/blog/2017/11/super-tiny-website-logos-in-svg/

一例として、GitHubのアイコンはSVG形式だと751バイトですが、PNG形式だと21KB。


TwitterのアイコンはSVG形式だと429バイトですが、PNG形式だと20KB。


flickrのアイコンはSVG形式だと257バイトですが、PNG形式だと6KB。


ほかにもFacebook、Tumblrをはじめとする各種ソーシャルサービスのアイコンが、いずれも1KB以下に収められています。78個のアイコンのファイルサイズの平均を取ると600バイトを下回るとのことです。

・関連記事
無料でいろいろなウェブアプリ・ネットサービスのSVG形式アイコンが使える「Simple Icons」 - GIGAZINE

無料で使えるオープンソースの200種類以上あるSVG形式アイコンセット「Clarity Icons」 - GIGAZINE

無料で商用利用も可能なシンプルなデザインのアイコンセット「Feather」 - GIGAZINE

無料で商用利用可能でクレジット表示も不要なアイコンをまとめた「IconStore」 - GIGAZINE

GitHubで使用されているアイコンフォント「Octicons」が一般公開を開始 - GIGAZINE

in デザイン, Posted by logc_nt