: Recommended format for a large stop motion animation on website? I have a stop motion animation of about 35 seconds in duration (~150 frames). The resolution is quite large at around 900px

@Jennifer810

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.)

Vote Up Vote Down

@Holmes874

If you want to avoid Flash, you can look into CSS animation. Here's one link (google for many others):
css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/

Vote Up Vote Down