• Replies 38 replies
  • Subscribers 21 subscribers
  • Views 2318 views
  • Users 0 members are here
Options
Related

How can I improve my Bitmap's quality?

MunKy
over 2 years ago

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

  • over 2 years ago

    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.

  • over 2 years ago

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

  • over 2 years ago

    Just increase the contrast of the original image.

  • 2 months ago

    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!

  • 2 months ago in reply to Simone85

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

  • 2 months ago in reply to flocsy🤠

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

  • 2 months ago in reply to mcinner1

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

  • 2 months ago in reply to Simone85

    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.

  • 2 months ago in reply to Simone85

    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.

  • 2 months ago in reply to SpitRider

    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.