With Samsung Watch Face Studio, the only available ‘size’ is 450 x 450 pixels. Can it be changed to 480 x 480 pixels?
Hi. Latest Watch Face Studio was released before Galaxy Watch 6 and then the max resolution was at 450x450. I believe new WFS update will bring 480x480 setting or an option to choose from. We need to wait for new version.
I believe it is auto resized since the 450 x 450 fits other watch face sizes already.
Ron
Samsung Developer Relations
It is upscaled but resulted watch face isn’t that sharp as it could be if it was created in 480x480 resolution.
I would think about the 450x450 only as a canvas size. I think we are allowed to insert bigger images and scale them to fit the canvas, but if they are inserted and stored in package as 480x480 the new screen can display them without scaling them. But all smaller watches will have to scale down and compute more.
And on the new watch all already published faces unless reworked, all will be scaled up and little less crisp than they were on models where they fit 1:1.
I thought so too but on many watch faces I’m using ttf fonts (big digital time etc) and these should be upscaled in 100% quality but they are not.
I think the same will be with 480x480 assets. First they will be converted to 450x450 size and then they will be upscaled to 480x480 on actual device.
You mean converted when building the package? Because when saving the .wfs file, it stores the resources unchanged. (I cant try the build because of the key password bullcrap again, I have no nerves to reinstall due to that).
I meant downscaled. I’m judging based on what I see with ttf fonts. It’s only 7 % decrease / increase so it’s hard to recognize.
.ttf fonts are vector based resource, how can it be affected? Can you please try with adding some larger .png file, like 640x640? We can see then what it does with the file inside the package.
I don’t know how, but it is. I’m using ttf fonts everywhere. They are not as sharp on GW6 480x480 as on Galaxy Watch 4 450x450. That’s why I’m writing that the change in WFS to include 480x480 will be necessary. I’ll try with some images tomorrow.
I did the test with a 640x640 .png file. After build process (wfs 1.3.13) it was stored in the .aab package in unchanged resolution as inserted into the project. So the resolution in wfs works only as canvas and actual rescaling only occurs on watch it self when displaying live face. However the preview file in that .aab was stored in 450x450.
Can’t use 480x480 as “index” because WFS (latest beta) craps my image. What is the way to develop sharp watch faces for 480x480? Samsung? Please?
So how can I use 480x480 as index, background, hand, etc? Shall I insert those as 480x480, and set their size to 450x450?
When the watch face is ran on the watch it is rendered to the size correct for the watch. So if it is the smaller than 450 x 450 pixel is it resized smaller if it is the larger size it is resized larger than 450 x 450.
I think the issue is TT fonts are not all the same specs.
Ron
Samsung Developer Relations
Please try adding an 480x480 image as index, then add the same image as background. See the difference. BUG.
Indexes and backgrounds are two different things. Putting that aside are you seeing this in WFS or when installed on the watch and rendered to fit the correct size?
I just want to understand better so I can reproduce this.
Ron
Samsung Developer Relations
I didn’t tried that on my watch, because WFS rendered it as crap so I can’t continue designing the hands. Crap=cut edges and distort the image when I added it as index.
did you add a different image or copy the background image? If so that was the issue, I see it a lot with copy and paste in Watch Face Studio. (It is a thing called register sharing where modifying the original modifies the copy without you knowing it).
Ron
Samsung Developer Relations
I add 480x480px “example.jpg” as background, it is showing okay: it is bigger than the canvas.
Then I add the same “example.jpg” as index, and it is shown cropped and distorted.
Please try it out.
An index isn’t a simple image it is a 450 x 450 component if you use a custom image for example I used the blue triangle sample resource then made the number 12 I get this pretty index in blue
An Index also has other properties that an image doesn’t have. So either make it a 450 x 450 resource or just use it as a background image.
Also a lot of people make a background much bigger than 450 x 450 and move it around to show or hide things that is not unusual.
Does that make sense to you?
Ron
Samsung Developer Relations