Page 3 of 3

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 10:44 am
by Robertspark
I don't know what is involved in making a graphics file format available in uccnc but expanding it from just PNG to include SVG (scalable vector graphics) would solve pixelation

And allow the use of inkscape (which you can use too free and export to PNG )

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 11:50 am
by ger21
Robertspark wrote: would solve pixelation


Not really.
Your monitor still displays pixels, and a vector image of a small button will still be pixelated. As long as you design your images the actual size they will be displayed, there won't be any difference.

The one benefit would be potentially smaller file sized. But even if it were an option, I'd never use it, as I wouldn't be interested in learning another drawing program.

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 12:02 pm
by Robertspark
Yes if your display is poor... That is a hardware issue like having poor drives... Why people skimp on inputs (hardware / software) but expect gold standard output I'll never understand.

I don't know much about inkscape, all I use it for is icon type images that are scalable / vectorised

I do this
http://goinkscape.com/how-to-vectorize-in-inkscape/

I don't actually draw in it

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 12:35 pm
by ger21
Yes if your display is poor...


No, that has nothing to do with it.
A vector image on a 50x50 pixel button will be pixelated. There's no two ways around it. Yes, vector images are scalable. This makes them look better when scaled larger.
But when you shrink them, you are still limited by the actual pixels, which are the same on a $50 monitor and a $2000 monitor.

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 1:09 pm
by Robertspark
You've misunderstood me.

Design to your screen resolution.

Don't upscale a poor screenset size to a large screen or yes it will look pixelated.

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 2:19 pm
by ger21
Robertspark wrote:Design to your screen resolution.


Yes, and if you do that, then .svg files won't be any better than .png files, as far as how they are displayed on a monitor. The benefit of .svg is when they are printed.

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 2:23 pm
by Robertspark
Another neat tool I stumbled across for batch image manipulation (colour + size + scale etc)

http://www.faststone.org/FSResizerDetail.htm

Note upscaling an image is not recommended (as it will obviously lead to pixelation).

But once you have a screenset and decided on your image size / scale you may benefit from rescaling the images for faster screen loads etc {maybe more so with microcontrollers than windows to some extent... anyway I found it helpful working with ISO 7000 images for a vehicle dashboard to colour change them to 1 bit and then rescale them, then recolourise them for the dashboard


I've said before that there are ISO images of drill, mill and plasma tools here: https://www.iso.org/obp/ui#search
Just search for "mill" "drill" "plasma" etc. They are 200x200 hence can be rescaled. Don't use them obviously on a commercial product as they are copyrighted without paying for them!!

Something such as this sort of thing {not by me!}

https://www.youtube.com/watch?v=7Ph1sAS8qXo

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 2:27 pm
by Robertspark
ger21 wrote:
Robertspark wrote:Design to your screen resolution.


Yes, and if you do that, then .svg files won't be any better than .png files, as far as how they are displayed on a monitor. The benefit of .svg is when they are printed.



No the advantage of SVG images is that they can be upscaled without pixelation..

Hence if you have a 35x35 PNG and upscale it to 50x50 or whatever it will be pixelated.

upscale an SVG from 35x35 and you will not have the pixelation because it is vector co-ordinates.

To upscale an image I convert it to SVG in inkscape, upscale and then re-PNG it to use it at the upscaled size. Note these are 2d flat images not a gradient fill image.

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 3:20 pm
by ger21
No the advantage of SVG images is that they can be upscaled without pixelation..


Yes, but why design at smaller sizes? That adds additional issues, like stretching, unless you design images proportional, but smaller.

And again, because it's displayed on a monitor, small details will always look pixelated.

Re: Some problems with custom screen.

PostPosted: Mon Apr 02, 2018 5:53 pm
by kig23
A_Camera wrote:
kig23 wrote:The problem was the task bar. Thanks Gerry. But there is pixelate part close to the writing "Start".

I think pixelation can be caused by the software you are using to create the button images. I don't know which software you are using, I use Photoshop CS which is a professional imaging software but there are probably also cheaper, perhaps also freeware which can be used. I remember that I tried Windows Paint but had pixelation issues just like you. Try Gimp which is free, if you don't have anything else.


I'm using Photoshop CC and Illustrator CC. I don't think the pixelation is a result of the software, you've got pixelation if you upscale png, but this is not my case. Maybe the type of compression that the graphic card supports.