I've made a simple animation in Edge and put it in a 2048x1536 folio as a web content overlay. I created the animation at the exact pixel dimensions as it should be displayed on the New iPad, and it is placed in a frame of the same dimensions. The problem is once it is viewed on the iPad the animation seems to be scaling up 200% so you only see part of it and the rest is outside the frame. If I select 'Scale Content to Fit', the animation seems to be scaled to 50% - displaying smaller than the frame.
Does anyone have any advice? I've had success with Edge animations with the iPad 2 but when I try to adapt the same or similar animations for the New iPad, they're not displaying correctly.
I am building Edge animations at the same size I did for 1024 x 768 (I have built a series of animations that are 600 x 300) and they appear to work ok on both iPad 1 and iPad 3, I am not using any 'scale to fit'.
Hey there, this is the same "problem" as with iPhone4. Apple decided to make websites not "broken" with the resolution so they decided to emulate the normal resolution (1024x768px). So you might need to use 10224x768px or you have to set this via meta viewport scale in your html.
There is a solution! I am now creating all my pages at 1024x768 and making the Edge animations at the appropriate size for that. BUT, if all of the graphic elements in the Edge file are created at twice the pixel dimensions and then scaled to 50% in Edge they will display at retina-resolution on the iPad. Let me know if I haven't explained that very well!
Thank you, Pierre, for your answer!
Unfortunately, I haven't any iPad right now to test this way. But I have another question ) Do you use png or pdf article format? In case of PDF there is no transparency in animation; and 1024x768 folios in PNG format looks bad on Retina.
And what is your time zone?
Europe, Middle East and Africa