Solved Aliasing for icon image
#1
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.
Reply
#2
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>
Reply
#3
(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)?
Reply
#4
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.
Reply
#5
(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.
Reply

Logout Mark Read Team Forum Stats Members Help
Aliasing for icon image0