Simulator - Poor Image Quality

Back to the subject of poor image quality, when I use the Connect IQ Device Simulator (4.0.3) to load a watchface that includes a background image, the image quality is always very grainy.  The image looks great when side-loaded and displayed on my actual watch.  This occurs when I use ecliple to start the DS (Device Simulator) and when I run it manually via the monkeydo command.

I am ready to publish my watchface, but the sample images captured using the DS really make the quality look 2nd rate.  Is there a way to improve the image quality produced by the DS?  If not, how do ya'll create the quality watchface examples I see on the Connect  IQ store?

With the sim, for a 240x240 device it will use 240x240 pixels, and based on your display and it's resolution is probably much larger than the actual device and will therefore looks grainy -for the simple reason the pixel size isn't the same,  With a venu 2 target (416x416) the display takes close to 1/2 the height of my screen for example.

There's other things you need to consider between the sim and a real device, with colors being high on the list.  In the sim, red text on a black background my look fine in the sim,, but is hard to read on an MIP device, and may not be too bad on a AMOLED/LCD device.

When it comes to images for the store, you may want to resize the images from a print screen, take a picture of it running on the watch, etc.  Some devices also allow you to take a screen shot on the device, but what you'll get is a rectangular image even on a round device.

Another this to consider is the color depth of the device.  You should see this in the sim, but some devices only have 8 colors, some 16, some 64, and then many more on the venu devices.

Hi Jim,

Thanks for the input.  I'm not concerned about what the images look like on the actual device.  They look great there.  I am only concerned with how they look when displayed on the DS (Device Simulator) because that is what I plan to use to capture screenshots before publishing my watchface. 

As for my computer monitor's resolution, I do not think that is causing the issue.  When I load the 240x240 image using paint, it is the exact same size on screen as the image shown in the DS.  The DS image is grainy while the same image shown in paint is perfectly clear.  Again, when I side load the watchface onto my watch, the image looks great.  It only looks grainy in the Device Simulator.

Can anyone tell me what tool(s) they use to capture watchface screenshots before publishing?  I cannot take screenshots from my watch itself, so that is not an option.

Not to state the obvious, but if you feel that the quality of the image produced by the simulator is degraded compared to the real image displayed by the watch, it won't matter what screenshot tool you use to capture images from the sim. Outside of esoteric use cases like HDR (which doesn't apply here), any screenshot tool is just going to take a 1-to-1 copy of the rectangular area of the screen you've selected.

How many colors does your original 240x240 background have and which watch are you targetting in the simulator and for the real device?

It seems that if your image looks "grainy", it could be due to dithering which is applied by the Garmin resource compiled by default.

You could try:

1) Disabling dithering, period.

2) Disabling dithering and dithering/editing the image yourself so it has the correct number of colors

See: [https://developer.garmin.com/connect-iq/core-topics/resources/#bitmaps]

You could also do what Jim suggested and take a photograph of the watchface on the real watch.

But since you asked, I like to use WIN-SHIFT-S in Windows 10 (the Snipping Tool), and I use the rectangular snip feature to capture the area I want.

For some listing images, I like to change the background from white to transparent, so that it looks "good" (subjectively) on either a white background (e.g. store website) or a black background (e.g. Garmin Connect app). I use Paint.NET for that, although of course you could use Photoshop or GIMP as well.

I do think it doesn't matter which tool is used to take the screenshot itself since the principle is the same for all of them. The only difference between various screenshot tools are things like: what region of the screen they capture, how usable they are, whether they can take videos, whether they support HDR, etc. But none of those things matter for Garmin store screenshots, except for ease of selecting a screen region and usability.

If you look in the apps store, many of the images are just based on ctrl-alt-printscreen and trimmed to remove the window border.

Hi FlowState, Jim,

Thanks.  I did not mean to imply I was asking if there is a "better" screen capture tool I can use to improve the quality of the Device Simulators images.  I was asking if there is some way to remove the grainy effect from the device simulator itself.  Maybe by passing in some command line options, changing some configuration settings, etc. I figure lots of people use the DS to capture the images they publish, and I cannot be the only one who has this issue.  I am simply displaying a standard png image resized to exactly 240x240.  I've tried using a 24 bit bmp, 256 color bmp, etc and they all display on the DS with the same grainy affect (but they display on my physical device just fine).

I also figured some people may use a completely different tool or emulator to generate the high quality publishable images that appear in the Connect IQ store. If so, I was hoping someone could share their tips.  But if you are just using standard color backgrounds you will not see this issue.  It only occurs when displaying images in the background.

Does anyone know how to remove the gariny effect from images displayed via the Device Simulator?  If it is just a known fact that the grainy effect cannot be removed from images displayed via the DS, does anyone know a good way to generate a nice image of my watchface without having to re-create it using a photo editing tool?