Web画像は元がDraw系ならSVGがベストですね

質問がありましたので・・・

Web用の画像で写真ではなくIllustratorなどで作成したマークやイラストなどはSVGとして保存した方が賢いです。

例えば上の様なデータ（90px×150px）をIllustratorで作成しSVG形式（ノーマル）で保存すると・・・

JPG、GIF、PNG等とのファイルサイズの違いはこんな感じでした。

原寸でWebページ内に表示すると違いは出ません。

しかし拡大すると違いは歴然。ここでは2倍（180px×300px）で表示してみました。