▼SVGでのロゴ作成
font-size:12px;line-height: 150%;
JPG,GIF,PNGなどでのロゴは、下の図の通り、拡大すると少し汚くなります。
拡大しても文字をきれいに見せるため、ロゴなどでの文字の表現は、
拡大してもきれいなSVGで作りましょう！
▼比較
▼SVGを作成
500px × 500pxで、イラストレータで、適当に丸と、文字を作る
これの上に、適当に四角を書きます。
ここから、選択ツールで四角を選び、ファイル／アートボードに変換
そのまま、保存します。その際、保存形式をSVG形式を選択します。
SVGZ はファイルサイズを 50 ～ 80 ％小さくできますが、テキストエディターで編集できません。
そのとき、webプレビューで見てみると↓
こんな感じで『アートボードに変換』したので、500px × 500px 余計な部分が削除され、アートボードで設定した四角の大きさで表示されました。
▼これを、実際書き出してみました。
▼PNG( 500px × 500px空白がある )
▼SVGの場合( アートボードサイズで設定した大きさなのでぎりぎりで表示 )
これで、ロゴは完成です！
拡大してもきれいなままですね★
