こんにちは。トラスブログ編集長(自称)のくっしーです。 Web制作の際に利用する画像といえば、jpg、gif、pngが主流です。 しかし、レスポンシブWebデザインなどのマルチデバイス対応が進むにつれ、画像を大きく作っておいて縮小表示させなければならなかったり、スマホだとボヤけて表示されてしまったり、何かと面倒なことが多いです。 そんな中、注目を浴びたのが「SVG」と呼ばれる画像形式です。 SVGとは? SVGとは Scalable Vector Graphics(スケーラブル・ベクター・グラフィックス)の略称で、XMLベースの、2次元ベクターイメージ用の画像形式の1つです。 つまり、jpgやpngのようなビットマップデータで作成されているものとは違い、イラストレータなどと同様のベクターデータで作成されているため、拡大や縮小に強いということです。 SVGはXMLで出来ているので、テキストエ