Take the 2-minute tour ×
Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. It's 100% free, no registration required.

I have a stop motion animation of about 35 seconds in duration (~150 frames). The resolution is quite large at around 900px x 450px.

What is the best format to play this looping on my website? I think my options are either .gif, standard .swf, or convert it into a movie .swf.

What is the recommended approach to this? I want the images to have a high fidelity and I was hoping to not use flash due to Apple incompatibility.

share|improve this question
    
You might have better luck on ( avp.stackexchange.com ). gif is probably going to be huge though –  horatio Mar 16 '12 at 14:33

2 Answers 2

If you want to avoid Flash, you can look into CSS animation. Here's one link (google for many others):

http://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/

share|improve this answer

You might find that Adobe Edge provides everything you need to make this work as an animation, although that's a hefty image set, even as jpegs, and I suspect you would have loading speed issues. Edge is in public beta, so it's a free download from Adobe Labs. Its output is HTML5/CSS3/javascript.

The way I would probably tackle this would be to make it a streaming video (not a swf) with plenty of compression and loop that. Photoshop Extended makes it easy to import an image sequence and turn it into a video. If you have the Adobe Media Encoder as part of the suite edition you're working with, you can feed it .mov or .avi from Photoshop and have it output anything you like.

A brilliant and elegant example of this kind of effect is the Maersk fleet tracking website. (There's a lot about that site that is exceptionally well done, in fact.)

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.