SVGデータをWixにインポートしWixエディタで色の変更等、プロポーショナルを変える
Wixで扱える画像フォーマット
Wixにアップロードできる画像フォーマットは「JPEG」「GIF」「PNG」があります。
JPEGデータはRGB画像で色情報を持ちながらファイルサイズを圧縮し、画像サイズが比較的大きくてもファイルサイズを小さくて抑えることができるデータ形式で、通常WixにアップロードするデータはJPEGが一般的となります。しかし、サイトの表示速度を考え、ファイルサイズを小さくするために圧縮率を高くすると画質が低下してしまいます。
PNGデータは切り抜きデータとして背景を透明化することができ、画質の劣化の少ないフォーマット形式ですが、データサイズが大きいためサイトの表示が遅くなる欠点があります。
GIFデータはPNGデータと同じく背景を透明化することができますが、扱える色数が少ないためイラストレーションなどの色数の少ないデータや、GIFアニメーション等には適していますが、切り抜きデータのエッジがジャギになりあまり美しくありません。
そこで大きさを自由にに変えられ、データ容量が少ないフォーマットしてSVGという画像フォーマットが登場しました。
SVGの画像フォーマットは、Web関連技術の規格策定を行なっているW3Cによって1998年に作られましたが、最近まではあまり普及しませんでした。現在ではほとんどのブラウザがSVGに対応し多くのウエブサイトで活用されています。
SVGファイルとは
SVGとは「Scalabie Vector Graphics(スケーラブル・ベクター・グラフィックス)」の略で大きさを変えられるベクター画像という意味になります。JPEGやPNGがピクセルの集まりで表示されるラスター画像(ビットマップ)ですが、ベクター画像は曲線や塗りを座標と数式によって行い代表的なのはAdobe Illustratorなどのソフトで編集することができます。
ベクターデータはブラウザがその場で描画を行うため、大きなサイズでも綺麗に表示することができます。また、画像ファイルでありながらピクセル値ではなく、座標や色などのデータが収められているので、CSSを用いて色の変更が可能となるのが特徴です。
Adobe Illustrator CCで作画
ここから先は
¥ 100
この記事が気に入ったらサポートをしてみませんか?