I have PNGs which are intended to be shown full screen on an iPad. The images are 2048 x 1536. The issue I’m encountering is: if I load the PNG into an Image, assign it unchanged to a ImageComponent that is the size of the screen, and then attempt to animate the component, the animation is horrendously choppy. If I scale the image down to 1024 x 768 before assigning it to the ImageComponent, the animation is much, much smoother. I assume this means the cost of scaling the image down is what is making the animation sluggish, which makes sense for non-Retina iPads, but the issue is also being reported on iPads with Retina displays.
So, I guess my first question is, am I even getting any benefit from the double resolution images? Or are they being scaled down to 1024 x 768 and then back up? The images look OK on a Retina screen, but maybe there is some placebo effect in play?
Assuming it makes sense to use the double resolution images, how do I go about displaying and animating them smoothly?