Cómo darle vida a su marketing de contenido con GIF animados [y otras imágenes animadas]

Las imágenes son herramientas poderosas. Pueden atraer y mantener la atención, o capturar y transmitir una emoción de una manera que las palabras no pueden. Agregue algo de movimiento a sus imágenes y se volverán francamente irresistibles.

El video sigue siendo una potencia, pero el humilde gif animado también está disfrutando de un aumento en la popularidad. Siempre ha sido una forma divertida de obtener un poco más de atención. Desafortunadamente, los gifs animados también se han utilizado para demasiados anuncios cursis y emoticonos animados molestos. Eso ha manchado un poco su reputación.

Pero ahora cada vez más plataformas admiten gifs animados. Y cada vez más especialistas en marketing los utilizan para que su contenido se destaque. Está creando un marketing visual elegante.

Entonces, ¿qué es un gif animado?

Buena pregunta. Saltémonos las palabras y pasemos a lo real.

Este es un gif animado:

Este gif apareció por primera vez en Reddit como un anuncio sobre un aniversario de la empresa que nadie notó.

Este también es un gif animado:

Esto proviene de un anuncio por correo electrónico enviado por el minorista en línea Evans. También se incluyó en el reciente resumen de Alchemy Worx de gifs animados notables en correos electrónicos.

Estos dos gifs animados nos ayudan a definir el formato con un metamensaje de mostrar, no decir . Pero para ir más allá:

• Los gifs animados pueden ser fotografías o gráficos.
• Los gifs animados se componen de una serie corta de fotogramas. Cada cuadro es su propio gif animado.
• Los gifs animados tienden a ser cortos, no más de 5 segundos de duración.
• Los gifs animados tienden a reproducirse en bucle, pero puede configurarlos para que se reproduzcan varias veces y luego detenerse.
• Los gifs animados se pueden usar como un letrero de neón, como gráficos llamativos que captan su atención. O pueden usarse para contar una historia. El primer gif que vimos cuenta una historia simple: teníamos algo que celebrar. Ocurrió. A nadie le importó.

Lo que no son los gifs animados

Como estoy seguro de que sabe, los gifs animados no son la última palabra en imágenes en movimiento en línea. Hay varios formatos y formas muy similares de hacer que las imágenes se muevan que debe conocer, y hay algunas advertencias.

1. Los gifs animados no son videos.

Si bien un gif animado podría convertirse en algo como un video, requeriría muchos cuadros en el gif animado o tendríamos que aceptar una nueva definición de video (como una serie de, digamos, cinco cuadros) . Los videos también usan un formato de archivo diferente al de los gifs. Los videos generalmente vienen como AVI, MPEG, MOV y otros formatos específicos de video.

2. Los gifs animados no son cinemagrafías.

Los cinemagraphs son híbridos de fotos y videos. Tienen muchas similitudes con los gifs animados:

• Se repiten (es decir, se repiten) como la mayoría de los gifs animados.
• Se pueden usar en mensajes de correo electrónico, como gifs animados.
• Terminan en .gif

Pero no son gifs animados. Este es un cinemagraph:

Hay una publicación interesante en el blog Convince and Convert sobre cómo las diferentes marcas utilizan cinemagraphs en su comercialización. AdWeek también publicó una publicación sobre los planes de Facebook para cinemagraphs.

Solo entienda que los cinemagraphs son considerablemente más difíciles de hacer que los gifs animados. Alguien con habilidades básicas de edición de imágenes puede hacer un gif animado. Se necesitan las habilidades de un artista para hacer que un cinemagraph cante.

3. Los gifs animados no son animaciones CSS.

Las animaciones CSS son otra técnica de contenido visual de vanguardia, pero funcionan gracias a la codificación, no gracias a un tipo particular de archivo de imagen. Las animaciones CSS son adecuadas para presentar datos. Entonces, si desea mejorar un gráfico o hacer que un gráfico circular gire, una animación CSS podría funcionar. Sin embargo, por desgracia, no funcionan en todos los navegadores y pueden tener errores.

Creative Bloq tiene una publicación genial con algunos ejemplos impresionantes de animación CSS.

4. Los gifs animados no son Flash.

Flash es un poco de la vieja escuela. Tiene sus aplicaciones, pero es mejor evitar Flash debido a problemas de renderizado (los dispositivos iOS no pueden reproducir Flash) y porque el contenido Flash es una caja negra para los motores de búsqueda.

5. Los gifs animados tampoco son videos Hyperlapse.

Instagram ha descubierto cómo permitirnos hacer videos de lapso de tiempo con teléfonos inteligentes. La tecnología se llama Hyperlapse. Puede obtener la aplicación Hyperlapse para dispositivos iOS aquí. Los desarrolladores también pudieron arreglar el efecto de rebote (llaman a la solución "Estabilización de cine") que habría hecho que la mayoría de los videos de Hyperlapse fueran mucho menos visibles.

Los videos de hiperlapso se pueden incrustar en páginas web, pero siguen siendo en su mayoría criaturas de Instagram.

Como hacer un gif animado

Hay dos formas de hacer gifs animados. La primera es a partir de imágenes. El segundo es de videos.

Aquí se explica cómo hacer un gif a partir de imágenes estáticas.

1. Ve a Gifmaker.me. Esta es una herramienta gratuita de creación de gifs. Hay muchos otros creadores de gif gratuitos (también probé https://makeagif.com y https://imgflip.com, entre otros), pero Gifmaker.me:
   • No pondrá una marca de agua en la esquina inferior de tu gif
   • Crea gifs que tienen tamaños de archivo más pequeños que las otras herramientas
   • Te brinda muchos controles para que puedas hacer tu gif de la forma que quieras.

Una cosa que no hace es permitirle agregar un título a sus gifs. Si quieres hacer eso, prueba MakeaGIF o IMGFlip.

2) Sube las imágenes que quieras en tu gif. Estas pueden ser imágenes enormes o reducidas al tamaño que desee que tenga el gif animado final. De hecho, lo intenté de las dos maneras: en el primer conjunto, las imágenes se cargaron como imágenes de 300 ppp de varios miles de píxeles de ancho. Luego hice otro conjunto con imágenes que reduje en Photoshop a 500 píxeles de ancho a 144 ppp. El gif animado de las imágenes enormes en realidad era un 10 % más pequeño que el que hice con las imágenes reducidas. Imagínate.

3) Una vez cargadas las imágenes, puede reorganizar los marcos haciendo clic y arrastrándolos. También puede controlar el tamaño del gif completo y puede controlar los fotogramas por segundo. Algunas fuentes dicen que el gif promedio es de 500 milisegundos por cuadro. Lo encuentro demasiado rápido: reduzco la velocidad de mis gifs a 1100 milisegundos por cuadro.

Puede configurar el gif para que se reproduzca solo unas pocas veces o en bucle infinito. Dejo el mío en bucle. Y si bien puede agregar audio, no soy un gran fanático del audio en el contenido a menos que se espere (como para seminarios web, podcasts y videos).

Cuando todas esas configuraciones estén seleccionadas, simplemente haga clic en "Crear animación GIF".

Verás algo como esto a continuación. La animación se reproducirá... la imagen de abajo es solo una captura de pantalla.

Si bien gifmaker.me crea tamaños de archivo bastante pequeños, puede recortar más sus gifs animados. Esto se vuelve especialmente crítico si está creando un gif animado para un mensaje de correo electrónico.

No desea utilizar un gif animado de más de 80 kb en un correo electrónico. En general, recomendamos que las imágenes sean pequeñas para los mensajes de correo electrónico, pero es posible que deba cambiar las reglas para los gif animados. Para hacer eso, puede intentar usar menos marcos o hacer que el gif animado final sea más pequeño en tamaño visible.

O puede usar un reductor de tamaño de archivo.

Aquí está el reductor de tamaño de archivo que usé, EZGif. Pude reducir una imagen de 236K a 113KB, sin siquiera usar la configuración de compresión más alta.

Para un gif animado de 4 fotogramas y 500 píxeles de ancho, 113 KB es bastante bueno.

Aquí está el gif animado comprimido final:

Cómo hacer gifs animados de YouTube y otros videos

La siguiente forma de hacer gifs animados es usar videos de YouTube. Hay una manera de hacer esto que es increíblemente simple.

Simplemente vaya a la URL del video que desea convertir en un gif animado.

Escribe "gif" delante de "youtube.com", así:

Presiona regresar. Serás redirigido a un sitio que te permite especificar algunas configuraciones para tu gif animado.

Haga clic en "Crear GIF"...

Y luego elige cómo quieres compartir tu gif animado.

Sin embargo, hay un inconveniente con esto. Este sitio está configurado para alojar la imagen por usted; hace que descargar el gif sea una molestia. Eso podría ser algo bueno o malo, pero prefiero alojar imágenes en mi sitio.

Hay muchos otros sitios que te permiten crear gifs animados a partir de videos de YouTube. MakeAGif.com e IMGFlip.com son gratuitos y fáciles de usar.

Si no puedes hacerlos, encuéntralos

¿No tienes tiempo para hacer un gif animado? Eso no significa que no puedas usar uno prefabricado. Hay varios sitios para gifs animados de uso gratuito:

• Giphy.com
• Imagur.com
• gifbin.com
• El gif perfecto de Hulu
• GifBay.com

Sé amable y dale crédito al lugar donde obtuviste el gif.

Cómo usar gifs animados en tu marketing

Ah, finalmente. Estamos en la parte de resultados. Estas son todas las formas geniales en que puede usar gifs animados en su comercialización:

1) En mensajes de correo electrónico.

Trate de mantener el tamaño de los archivos pequeños, pero los gifs animados funcionan muy bien en los correos electrónicos. Hay varios informes de respuesta de elevación de gifs animados, como:

• Bluefly agregó un gif animado a uno de sus correos electrónicos en 2008 y obtuvo un aumento del 12 % en los ingresos del segmento de gif animado de la prueba.
• Dell aumentó los ingresos en un 109 % con una campaña de correo electrónico con gifs animados.
• Lake Champlain Chocolates aumentó la respuesta en un 49 % con un correo electrónico animado que mostraba una caja de chocolates abriéndose.

Intouch Solutions también tiene una buena publicación sobre otros tres casos de estudio de gifs animados en correos electrónicos.

Advertencia: siempre diseñe el primer cuadro de su gif para que pueda sostenerse por sí solo como una imagen estática, en caso de que su suscriptor abra el correo electrónico en un cliente (como Outlook y Windows Phone 7) que no admite GIF animados.

2) En las redes sociales.

Twitter y Tumblr han apoyado los gifs animados por un tiempo. Pero Facebook anunció recientemente que su suministro de noticias también admite gifs animados. Incluso los permitirán en los anuncios.

Pinterest admite gifs animados, pero debe hacer clic en un botón que dice "GIF" para reproducirlos. Y Google+ admite gifs animados.

Como probablemente sepa, las imágenes en las redes sociales generan muchos más Me gusta y se comparte que el contenido basado en texto. Agregar una pizca de gifs animados solo hace que el contenido sea aún más digno de hacer clic.

3) En publicaciones de blog.

No tienes que ser BuzzFeed o Upworthy para usar gifs animados en tus publicaciones. Social Fresh y Quick Sprout recopilaron algunos datos para nosotros. Descubrieron que los gifs animados son el tipo de imagen más probable que se comparte en las publicaciones de blog.

4) En páginas de descarga de libros electrónicos, documentos técnicos y estudios de investigación.

Los libros electrónicos, los libros blancos y los estudios de investigación tienden a contener mucha información. Y deberían. Pero toda esa información es un problema en una página de descarga, donde necesita destilar su mensaje y los elementos de la página.

Introduzca el gif animado. ¿Por qué no se puede reemplazar una imagen de un libro electrónico estático con imágenes rotativas de los gráficos y citas de la descarga?

5) En páginas que describen software o fomentan la descarga de aplicaciones.

Los gifs animados son una excelente manera de mostrar a las personas cómo hacer cosas con el software. Sólo manténgalos cortos y simples. Cuando SEMRush quiso anunciar una nueva función, enviaron un correo electrónico con este gif animado:

Y aquí hay un recuerdo para aquellos de ustedes que estaban dando vueltas por Internet a finales de los noventa. Uno de los primeros gifs virales, el vagamente espeluznante bebé bailarín.

Conclusión

Los gifs animados son la forma más sencilla de agregar algo de movimiento a una página, un correo electrónico o una actualización de las redes sociales. Y si bien pueden tener asociaciones con ser un poco amateur, no hay razón por la que no pueda elegir imágenes atractivas y de marca que cuenten una historia convincente que su audiencia apreciará.

Con más y más plataformas y servicios que los respaldan, los gifs animados pueden ser la mejor manera de ganar confianza con las imágenes en movimiento... al menos hasta que esté listo para sumergirse en el video.

¿Está utilizando gifs animados en su marketing? ¿Tiene algún estudio de caso para compartir con nosotros? Cuéntanos sobre ellos en los comentarios.

¿Estás listo para comenzar a agregar algo de movimiento a tus correos electrónicos para que se destaquen entre la multitud? Aprenda cómo comenzar a usar GIF, cinemagraphs, videos y más en nuestro eBook gratuito: Email Idea Lab.