Let's assume we have an Image element using a square image named Picture.png
.
We can use different files for each dimension set for the element.
Picture.TargetSize-16.png
Picture.TargetSize-32.png
Picture.TargetSize-128.png
Now if we set the Height
or Width
of our Image to 16px, it will use Picture.TargetSize-16.png
as a source. Now if we set the dimensions to 20px, there is no image matching the exact dimensions, so it will use Picture.TargetSize-32.png
, as it's the nearest image larger than our needs. Dimensions higher than 128 will use Picture.TargetSize-128.png
.