SVG Tips vol.1 - IllustratorからSVGを書き出す方法｜松下 絵梨

ウェブページでベクター形式のSVG画像を使うと、拡大しても画像が荒くならない、アニメーションできるなど、様々なメリットがあります。Illustratorからイラストやロゴを適切にSVG形式で書き出して、ウェブページに挿入する方法を、2回に分けてご紹介します。 アイコンやロゴをSVG形式で納品する際に困らないよう、普段ウェブに関わらないグラフィックデザイナーさんにも知っておいていただきたい内容です。 SVGとはSVGはScalable Vector Graphics の略で、XMLで書かれたベクター形式の画像です。 SVGを使うメリットウェブページでSVG形式の画像を使うと、以下のようなメリットがあります。 テキストエディターで編集可能SVGはXML ベースのテキストファイルなので、テキストエディターで開いて編集することができます。 例えば、CSSでサイズや色を変更することが可能です。 アニ