Mejorar velocidad carga de gif a mp4

Cómo aumentar la velocidad de carga usando mp4 en vez de gif

Cuando hablamos de factores SEO que ayudan a mejorar el posicionamiento, siempre sale el tema de la optimización de la velocidad de carga (WPO) como un factor muy importante. Al trabajar este factor, cualquier detalle que ayude a bajar de peso la web o que pueda mejorar los tiempos de carga, se tienen que tener en cuenta.

El uso de imágenes Gif hace tiempo que existe, pero últimamente se está usando mucho para que los artículos de los Blogs no sean tan pesados y para aportar un toque de humor cada ciertas lineas. El uso de estos archivos a veces genera que nuestro artículo o post pese mucho más de lo recomendado, por lo que en el siguiente artículo veremos como optimizar al máximo el peso de estos archivos mediante el uso de la extensión Mp4.

Hay varias formas de obtener nuestros archivos Gif, ya sea buscándolo en el buscador, generandolo nosotros mismos o mediante el uso de páginas web tipo Giphy.

Como convertir un archivo GIF a MP4

En caso que ya tengamos nuestro archivo Gif y queramos pasarlo a Mp4, necesitaremos un conversor para ello. Existen numerosos programas y webs que hacen esta tarea por nosotros. Un ejemplo de ello es la web CloudConvert.com, que nos permite subir un archivo Gif y pasarlo a múltiples formatos, entre ellos a Mp4. Para ellos, vamos a la web mencionada y subimos el archivo Gif correspondiente y pulsando en el botón “Select Files”. A continuación seleccionamos la extensión a la que queramos convertir.

Convertir Gif en Mp4

 

Una vez seleccionado, podremos ajustar la calidad con el botón de al lado, pero con la configuración por defecto ya irá bien. Una vez hecho esto, ya solo nos queda pulsar el botón “Start Conversion” y esperar a que convierta el archivo. Una vez terminado le damos a “Download” y ya tendremos nuestro archivo a Mp4.

Como ejemplo del proceso, tenemos una secuencia de un gatito, una con Gif y otra con Mp4.

Ejemplo GIF

Ejemplo Gif

Ejemplo MP4


Si miramos lo que ocupa uno y otro (para el ejemplo se ha subido directamente un Gif comprimido), vemos que el archivo original ocupaba unos 3.924KB y que al pasarlo a MP4 ocupa 205KB.

Comprimir con Mp4 archivos Gif

Si hubiéramos comprimido el archivo GIF previamente, el archivo MP4 hubiera ocupado mucho menos igualmente, con lo que podemos comprobar directamente la efectividad de este tipo de archivos.

Como buscar directamente un archivo en MP4

Otra de las formas de tener nuestro archivo en MP4, es buscándolo directamente en este formato. En la web anteriormente mencionada de Giphy podemos encontrar una infinidad de GIFs de todo tipo, con los que poder usar en nuestra web. La ventaja de úsala, es que dispone de la posibilidad de descargar el archivo GIF en formato MP4 directamente, con lo que nos ahorramos tener que hacer el paso anterior. Lo único que tenemos que hacer es ir directamente al Gif que queramos bajaros y pulsar el botón Download (tal y como se muestra en la siguiente imagen) y en la línea que pone MP4 descargar ese archivo.

Descargar Gifs de giphy

Con esto tendremos directamente nuestro archivo en MP4.

Como implementar correctamente un archivo MP4

Para que la sequencia se muestre correctamente en el navegador tenemos que añadirla con el siguiente código:

< video class="alignleft" autoplay="autoplay" loop="loop" muted="" width="200" height="210">< source src="url-video.mp4" type="video/mp4" / >¡Atención!¡Tu navegador no soporta MP4!"< /video>

*Quitar espacio en “< video”, en “< source>”, en “/ >” y al final en “< /video>” para que se visualice correctamente. Añadir la URL del video en “url-video.mp4”.

Donde podremos ajustar algunos parámetro por defecto, como el “Autoplay” o el “loop” entre otros. También se puede personalizar el mensaje que saldrá en caso de que no se pueda leer el vídeo en el navegador (puede pasar con algún Internet Explorer viejo…). En este caso se a puesto “¡Atención!¡Tu navegador no soporta MP4!” para informar a los usuarios que el vídeo no se puede reproducir en el navegador obsoleto.

Con estos puntos podremos empezar a optimizar correctamente nuestros archivos Gif, mejorando así la velocidad de carga.

0 Comentarios
Escribe un comentario

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies