イラストレーター、ワードプレスについて質問します。

ワードプレスを使ってサイトを構築しています。
トップページのタイトル部をイラストレーターで作ったロゴに変更したのですが
テーマがそれに対応していなっかたため、
cssをいじって画像を挿入しました。

すると、ロゴが周りのテキストに比べると若干荒いんです。

ちゃんとロゴを画像トレースでベクター画像にして(あってますか？)
プラグインを使いsvg形式でワードプレスに保存しました。
保存するまえに何かの機能でベクター画像を高画質に編集出来たりするのでしょうか？


あと、ロゴなどをsvg形式で保存するときは（web用に保存）では保存できないということなので、
（別名で保存）で保存しました。
そうすると、(web用に保存)の時はアートボードサイズでクリップのチェックを外したら
ロゴのみ保存されるんですけど、(別名で保存)で保存する場合アートボードごと
保存されてしまい、web表示するとロゴが異常に小さくなってしまいました。

なので、アードボードのサイズ自体をロゴのサイズに合わせて作ってアートボードごと
保存して使っています。

これはあっているのでしょうか？