ブラウザ上できれいな円を表示したい(今回はCSS利用したけどレスポンシブで面倒なので方法募集)

100100画像をCSSで100100表示

・おそらくどんなブラウザでも外周にジャギーが出ていると思います。

500500画像をCSSで100100で表示

・おそらく、Chrome等ではなめらかな画像表示になっていますが、Internet Explolerでは外周にジャギーが出ていると思います。

CSSで100*100の円を表示

・おそらく、CSS3対応であればどんなブラウザでもなめらかな画像表示になっていると思います。

【追記】100100画像(PNG-24)をCSSで100100表示

・これでジャギー修正出来てるっぽいですね！

【追記】SVG方式の画像をCSSで100*100表示

・これでジャギー修正出来てるっぽいですがテキストが乱れます。

【追記】SVG方式(テキストはアウトライン化)の画像をCSSで100*100表示

・これでジャギー修正出来てるっぽいです。テキストも画像化した上でSVG出力しているので大丈夫です。