Tengo una animación stop motion de unos 35 segundos de duración (~150 fotogramas). La resolución es bastante grande, alrededor de 900px x 450px.
¿Cuál es el mejor formato para reproducir este bucle en mi sitio web? Creo que mis opciones son .gif, .swf estándar o convertirlo en una película .swf.
¿Cuál es el enfoque recomendado para esto? Quiero que las imágenes tengan una alta fidelidad y esperaba no usar flash debido a la incompatibilidad de Apple.
Si desea evitar Flash, puede consultar la animación CSS. Aquí hay un enlace (google para muchos otros):
http://css-tricks.com/snippets/css/webkit-keyframe-animation-syntax/
Es posible que Adobe Edge proporcione todo lo que necesita para que esto funcione como una animación, aunque es un conjunto de imágenes considerable, incluso como jpegs, y sospecho que tendría problemas de velocidad de carga. Edge está en versión beta pública, por lo que es una descarga gratuita de Adobe Labs. Su salida es HTML5/CSS3/javascript.
La forma en que probablemente abordaría esto sería convertirlo en una transmisión de video (no un swf) con mucha compresión y bucle. Photoshop Extended facilita la importación de una secuencia de imágenes y la convierte en un video. Si tiene Adobe Media Encoder como parte de la edición de la suite con la que está trabajando, puede enviarlo .mov o .avi desde Photoshop y hacer que genere lo que desee.
Un ejemplo brillante y elegante de este tipo de efecto es el sitio web de seguimiento de flotas de Maersk . (De hecho, hay muchas cosas en ese sitio que están excepcionalmente bien hechas).
Horacio