フリー(無料)アイコン・イラストダウンロードサイト「VECTOR ICON BOX!!」

商用利用OK,加工OK,JPG,PNG,SVG画像を一括ダウンロード!

ベクタ形式のSVGって?

2Dグラフィック表現にはラスタ形式とベクタ形式と呼ばれるものがあります。

ラスタ形式は、ドット単位で絵が構成されていて、主にPhotoshopなどのペイント系ソフトで扱われる形式です。曲線を描いた場合、拡大するとドットが目立つため、目立たないようにするには解像度を上げる必要があります。

それに引き換え、ベクタ形式は、点と線のデータで絵が構成されています。ドロー系ソフトのIllustratorなどで扱われる形式です。どれだけ拡大しても滑らかな曲線が得られます。

当サイトではラスタ形式のJPG,PNGとベクタ形式のSVGを扱います。特にSVGを当サイトの主軸としています。

SVG(Scalable Vector Graphics)は、JPGやPNGのようにimgタグで表示させることができます。

<img src="images/tori.svg" alt="酉">

酉

酉(拡大)

SVGはこのように拡大しても画質が劣化しません。

※印刷したい場合など、JPG,PNGの高解像度データが欲しい場合は、こちらからご連絡ください

上記以外にもコードをインラインで記述して表示する方法などもあります。
WebクリエイターボックスさんがSVGについて端的にまとめていますので、興味のある方は覗いてみてください。
http://www.webcreatorbox.com/tech/svg-vector/

2017/01/17

2017/02/05