Kodi Community Forum
Solved Aliasing for icon image - Printable Version

+- Kodi Community Forum (https://forum.kodi.tv)
+-- Forum: Development (https://forum.kodi.tv/forumdisplay.php?fid=32)
+--- Forum: Skinning (https://forum.kodi.tv/forumdisplay.php?fid=12)
+--- Thread: Solved Aliasing for icon image (/showthread.php?tid=364651)



Aliasing for icon image - kenmoon - 2021-09-27

Hello

Running Kodi 19 on Window10.
It can see this aliasing in my custom icon images. (Captured in full screen of Kodi)
Image

This original image is like this 
Image
240X240x32b

Here is xml code display on Kodi skin.
xml:

<control type="grouplist">
...
<control type="button" id="1630">
                <width>60</width>
                <height>60</height>
                <texturefocus colordiffuse="$VAR[BackColorButton]">special://skin/media/new_video_osd/back_osd.png</texturefocus>
                <texturenofocus colordiffuse="$VAR[ColorIcons]">special://skin/media/new_video_osd/back_osd.png</texturenofocus>
                <onclick>back</onclick>
</control>
I want to know why aliasing is displayed on the icon.


RE: Aliasing for icon image - senna99 - 2021-09-27

You can tray to add border. border="15"> border size you can change.


 <texturefocus colordiffuse="red" border="15">masks/line.png</texturefocus>
                               <texturenofocus colordiffuse="orange" border="15">masks/line.png</texturenofocus>


RE: Aliasing for icon image - kenmoon - 2021-09-27

(2021-09-27, 06:10)senna99 Wrote: You can tray to add border. border="15"> border size you can change.


 <texturefocus colordiffuse="red" border="15">masks/line.png</texturefocus>
                               <texturenofocus colordiffuse="orange" border="15">masks/line.png</texturenofocus>
Thank you for answer.
It means I need adding boarder (line.png), so it will be somthing like this?

<control type="button" id="1630">
                <width>60</width>
                <height>60</height>
                <texturefocus colordiffuse="$VAR[BackColorButton]">special://skin/media/new_video_osd/back_osd.png</texturefocus>
                <texturefocus colordiffuse="$VAR[BackColorButton]" border="15">masks/line.png</texturefocus>
                <texturenofocus colordiffuse="$VAR[ColorIcons]">special://skin/media/new_video_osd/back_osd.png</texturenofocus>
                <texturenofocus colordiffuse="$VAR[ColorIcons]" border="15">masks/line.png</texturenofocus>
                <onclick>back</onclick>
</control>

I don't have "line.png" image now, does it include estuary skin (Textures.xbt)?


RE: Aliasing for icon image - Hitcher - 2021-09-27

1. They're being stretched; try adding <aspectratio>keep</aspectratio> to keep them scaled correctly.
2. Resize them to the dimensions used in an image editor first so Kodi isn't scaling them.


RE: Aliasing for icon image - kenmoon - 2021-09-27

(2021-09-27, 10:11)Hitcher Wrote: 1. They're being stretched; try adding <aspectratio>keep</aspectratio> to keep them scaled correctly.
2. Resize them to the dimensions used in an image editor first so Kodi isn't scaling them.

Thank you, I took this solution and it looks good without Aliasing.