How can I improve my Bitmap's quality?

I would like to improve my bitmap graphics in my watch face. Here is an example of the problem I'm facing:

As you can see in the picture above, the man to the left is what I actually get. The man to the right is what is actually in the .png file. It is actually only a 25 x 25 pixel file.

Thanks.

Top Replies

All Replies

  • Had similar problem with 1px-width arrow icon. When it was black on transparent background it displayed fine, but when it was white on transparent background it screwed up in the same fashion. Resolved this issue by making PNG background non-transparent.

    Also, there might be some anti-alias setting/function in SDK, that might resolve this issue (at least, there is setAntiAlias function in Dc class), but I don't know whether that can help.

  • don't expect much better on screens with 64 colors...

  • Just increase the contrast of the original image.

  • I have the same issue with a small icon I would like to use in my app.

    I tried with both .png and .svg format but the result (on both simulator and real Edge device is the same):

    Original image (this a 24x24 png): 

    Rendered Image on the simulator: 

    Very similar result on the real device. 

    Is there a way to have the image properly rendered on the device? 

    Thanks!

  • how is the drawable xml? It looks like you're up-scaling the picture?

  • When counting the pixels of the rendered image, it is the same size as the original 24x24 px.

  • is the drawable xml secret? what about dithering? palette? scale? On what device are you testing? sim or real?

  • I know, you dig to bitmaps. But when I look at your heart icon and now your cadence icon - I only can repeat: it‘s so easy to simply draw the icons with a few dc graphic elements! And they look much better! And you can change colors on the fly.



    This is a real photo of a Edge 530 with same screen resolution as your 840.

  • You can try to make the icon background non-transparent. E.g. if you would like to put this icon above red background on the device then make it red in png as well using Photoshop etc. That's what helped me in similar situation.

  • I don't think that would have any effect. On a monitor, where you have 24million colors it can make a difference, but with a few dozen colors it's not that the pixels that would need to be half (area) black, the other half of the pixel should be red, and depending how it's rendered it can be different shades of black/red. But On the edge you don't hav many reds.

    I never saw these problems (at least not compared to my expectations) I always make sure that my original pictures use a subset of the colors available on the device and the size is correct.