Optimizar una película Flash (SWF)

Artículos RSS Trackback

Leyendo esta mañana ARTEgami, he encontrado un post acerca de cómo optimizar el swf de una película Flash. Tomando como base este artículo, voy a intentar completarlo para conseguir optimizar aun más el tamaño, tan importante en el Flash.

Las principales reglas para optimizar el tamaño de tus SWF son:

- No crear movimientos fotograma a fotograma sino utilizando las interpolaciones, de movimiento y de forma. Hay que tener cuidado en este aspecto porque si hacemos animaciones fotograma a fotograma es muy posible que sobrecarguemos mucho el procesador y se vea afectado el rendimiento general de la película al tirar mucho de procesador. No obstante también debemos de tener cuidado con las interpolaciones porque si superponemos varias de estas (en distintas capas), el efecto es mismo, una bajada considerable de rendimiento y consecuentemente de la velocidad de reproducción.

- En la medida de lo posible no usar los componentes predefinidos de Flash, ya que aumentan entre 30Kb y 40Kb de media el tamaño de nuestra película y existen numerosas alternativas libres en la red, o tal vez no tardemos casi nada en reproducir su funcionalidad nosotros mismos.

- Intentar usar las capacidades vectoriales de Flash. Es muy común la utilización de imágenes de fondo para nuestras películas. Por mucho que optimicemos su tamaño debemos de pensar si no somos capaces de reproducir esto mismo mediante las herramientas que el programa nos proporciona. Un ejemplo claro de esto son los fondos degradados.

- Si utilizamos imágenes de mapa de bits es recomendable su inclusión en formato PNG, dada su alta calidad y cualidades de transparencia muy superiores a las del GIF, y dejar en manos de Flash la posterior compresión a formato JPG. Aquí apuntar que para muchos casos es aceptable una compresión al 50% o incluso algo menos, para elementos en movimiento o elementos pequeños.

- Cuidado en la utilización de tipografías. Si utilizamos textos estáticos se reduce bastante el problema al realizarse la vectorización de estas, pero en el caso de inclusión de textos dinámicos debemos de tener mucho cuidado en no incrustar más caracteres de los que necesitamos. Según Javi Rodriguez, lo óptimo es la inclusión de Mayúsculas, Minúsculas, Numerales, Signos de Puntuación, y la siguiente cadena optimizada: áéíóúÁÉÍÓÚÑñ´¨¡¿ÇçäëïöüÄËÏÖÜâêîôûÂÊÎÔÛàèìòùÀÈÌÒÙºª. Además, a mayor complejidad de la fuente, mayor tamaño. Se recomienda por ejemplo en textos pequeños, el uso de Pixel Fonts.

- En la inclusión de ficheros de audio, no usar directamente mp3, sino ficheros sin compresión en formato WAV, para posteriormente comprimirlos con Flash. Aquí deberemos cuidar tanto el bitrate, como si necesitamos estéreo o mono. Lo ideal es ir probando hasta obtener un compromiso entre calidad y tamaño.

- No duplicar código. Centralizar la escritura de las funciones en un punto concreto, y si es necesario, en ficheros .as externos. Este punto además facilita el mantenimiento posterior y evita errores.

- Utilizar la carga externa de recursos. No condicionar el tamaño de una película a la suma de los recursos de los que hace uso, sino cargarlos de manera dinámica según se necesiten.


Compártelo: Añadir a Del.icio.us Añadir a Technorati Añadir a Meneame Añadir a Fresqui Añadir a MySpace Añadir a Facebook Comparte este artículo en Twitter Añadir a Google Bookmarks

8 comentarios

  1. Gracias por ligarme.

    salu2

    ARTEgami en 16 Aug 07 a las 13:13

  2. Espero que lo que he aportado a tu articulo te haya servido de utilidad.
    Un saludo

    xeito en 16 Aug 07 a las 14:56

  3. Yo lei una ves este tip y me ha servido mucho.
    si requieres mucho el uso de imágenes importadas,es que después de importarlas uses Break Apart ( control+ b ) luego ya a mc o gráfico o lo que quieras.

    evcorreu en 17 Aug 07 a las 02:41

  4. Eso de no duplicar y utilizar codigo externo?… lo veo más complicado que lo haga yo.

    Por lo demás todo es correctísimo, a falta de una cosa, ¡¡cuidado con las interpolaciones con el efecto alfa!! comen mucho micro.

    Saludos

    Rivera en 18 Aug 07 a las 19:22

  5. [...] Yo aporto mi pequeño granito de arena dejando el enlace de cómo optimizar las películas flash. [...]

    RECURSOS FLASH » La velocidad de carga en 19 Sep 07 a las 13:55

  6. No obstante, hay que tener cuidado con los dibujos vectoriales pues en dependencia de la cantidad de nodos que tengan pueden subir muchísimo el esfuerzo del microprocesador. Al igual que lo que comenta Rivera, un alfa 1 (es muy fácil que te quede un 1 si no estás atento a introducir valores y sólo te dedicas a manipular los pulsadores que trae el programa) pues un alfa uno obliga a hacer un cálculo al microprocesador que no ocurre si das alfa=0

    Carlos José Núñez en 24 Oct 07 a las 10:38

  7. Cómo optimizar una película flash…

    Flash es una herramienta prodigiosa para realizar contenidos web, pero mal usado puede ser un incordio para el usuario por los largos tiempos de esfera. En este artículo se dan algunos consejos para optimizar los swf y que tus web sean mucho más rá…

    webeame.net en 11 Jan 08 a las 08:46

  8. tengo en cuenta este post ya que tengo una animación frame a frame de la Tierra. De momento parece ir bien pero no lo puedo integrar con animaciones mas complejas

    Ernesto en 19 Dec 09 a las 11:39

Deja tu comentario

(required)

(required)