Question

I am wondering if it is possible to shrink an image widget down to a size that is smaller than the image resource itself. I have tried the following:

imageResource.setSize(size, size);
imageResource.setPixelSize(size, size);

I have also tried re-sizing in the CSS file. But when I size the image to smaller than the original, it just crops it down and doesn’t actually shrink it. It seems to me the solution is to use a high resolution, smaller image that I can scale up if need be, but I feel like I’m missing something here.

Answer 1

You can use CSS3 background-size property to scale the image:

http://www.w3schools.com/cssref/css3_pr_background-size.asp

Note that it’s not supported in some very old browsers.