Why is there a diference in the quality of embeded swf symbols between mx.image and spark.image

I have embebed .swf symbols in my flex 4.5 application like so:

<s:Image source="@Embed(source='GaugeSkin.swf', symbol='reflection')"/>

and they look awful! even when with "smooth=true"

<s:Image source="@Embed(so开发者_Go百科urce='GaugeSkin.swf', symbol='reflection')" smooth="true"/>

But, if i use the "old" mx component:

<mx:Image source="@Embed(source='GaugeSkin.swf', symbol='reflection')"/>

The image looks beautiful, like it should.

Anyone knows why is this?

should i use the mx component to get the quality i need/want?

Edit: added images

Try setting the "smoothingQuality" style to "high".

<s:Image source="..." smooth="true" smoothingQuality="high"/>

Internally, s:Image and mx:Image are entirely different. MX Image extends SWFLoader and that does most of the work. s:Image has a spark bitmapImage component in its skin that does most of the work. I don't know exactly what properties are different but if you look at spark's BitmapImage.as and MX's SWFLoader.as closely, you might be able to spot a difference in how they do scaling/smoothing/etc.