Cómo agregar imágenes GIF en WordPress










  • Internet está lleno de diferentes tipos de archivos para propósitos específicos. Uno de los elementos más comunes hoy en día son los GIF, que son imágenes animadas cortas. La buena noticia es que es extremadamente fácil agregar un GIF en WordPress.

    Un GIF animado en WordPress puede darle a una publicación en particular una apariencia más atractiva para los visitantes. Desafortunadamente, muchas personas tienen problemas al implementar un GIF en WordPress. Por ejemplo, ¿qué pasa si el GIF pierde su animación?

    Hoy, les mostraré cómo agregar imágenes GIF animadas a WordPress. No requiere complementos adicionales y no necesita saber ningún tipo de trucos de codificación.

    ¿Qué son exactamente los GIF y por qué se utilizan?

    A fines de la década de 1980, los GIF se desarrollaron originalmente para crear imágenes de 8 bits utilizando una paleta de 256 colores. Se derivaron de la imagen original para crear un archivo gráfico pequeño y fácil de usar a través de las redes de la época.

    La mayoría de ustedes nunca sabrán la frustración de esperar 30 minutos para que una imagen se reproduzca a velocidades de módem de acceso telefónico superiores a 14.4k.

    Lo que hace que un GIF sea especial es la capacidad de renderizar con múltiples cuadros para simular la animación. Todo esto fue posible sin crear archivos de gran tamaño que no eran realistas para velocidades de Internet más lentas. En esencia, puede crear una apariencia de video sin los detalles y la codificación de un video real.

    Hoy en día, los GIF animados se comparten ampliamente como memes y mensajes. Son especialmente profundos en las redes sociales con matices cómicos. Estos son uno de los muchos archivos multimedia diferentes que puede incrustar en WordPress con bastante facilidad.

    Sin embargo, una cosa que debe tener en cuenta es que los GIF con muchos cuadros para animación pueden ser bastante grandes en términos de tamaño de archivo. Incluso con 256 colores, cada cuadro dentro de la animación es otra imagen compilada en el archivo que será renderizado por computadoras y dispositivos.

    Muchos desarrolladores usarán GIF animados como parte de su plataforma de marketing. De hecho, muchas herramientas gratuitas específicamente para el marketing en redes sociales incluyen la capacidad de crear GIF.

    Cómo agregar imágenes GIF animadas en WordPress

    Mucha gente agrega GIF a WordPress solo para que la animación deje de funcionar. Esto anula el propósito de tener el archivo en su sitio, para empezar. Sin embargo, es un problema fácil de solucionar.

    Para este tutorial, le mostraré cómo agregar el GIF animado a una nueva página. Sin embargo, este proceso funcionará si desea agregar uno a una página o publicación existente en WordPress.

    También supondré que tienes un GIF animado listo para cargar. Si necesita uno, siempre puede encontrar algo interesante en sitios como Giphy.com .

    Método 1: Agregue un GIF en WordPress con Gutenberg

    Paso 1: agregue un bloque de imagen

    Primero, haga clic en Páginas y seleccione la opción Agregar nuevo. Una nueva publicación también funcionará.

    Agregar una nueva página o publicación

    Haga clic en el botón «+» y busque Imagen.

    Buscar un bloque de imagen

    Agregue el bloque de imagen a la página o publicación.

    Paso 2: agrega el GIF al bloque de imagen

    Si necesita cargar el GIF, haga clic en el botón «Cargar». Sin embargo, si ya ha realizado este paso, haga clic en el botón «Biblioteca multimedia» para seleccionarlo. También puede usar el enlace URL para agregarlo.

    En cualquier caso, agregue el GIF en el bloque de imagen.

    Agregue el GIF al bloque de imagen

    Paso 3: Véalo en su sitio web

    Y eso es todo. Gutenberg hace que sea extremadamente fácil agregar un GIF en WordPress. Simplemente, haga clic en el botón «Publicar» y podrá ver el GIF en su sitio web en vivo.

    Disfruta de tu nuevo GIF

    ¡Felicidades! Ahora echemos un vistazo a cómo hacerlo en el editor clásico.

    Método 2: agregue un GIF en WordPress con el editor clásico

    Paso 1: seleccione el archivo GIF

    Haz clic en el editor de texto donde quieras colocar tu GIF animado. En este ejemplo, el GIF será lo único que se agregará a la página. Sin embargo, puede colocar el cursor en cualquier parte del texto donde desee que se muestre la imagen.

    Haga clic en el botón «Agregar medios» sobre el editor en WordPress.

    haga clic en el botón "Agregar medios".

    Haga clic en la pestaña Cargar archivos de la ventana Insertar medios.

    Haga clic en la pestaña Cargar archivos.

    Puede hacer clic en el botón Seleccionar archivos o arrastrar y soltar el archivo en el espacio multimedia de WordPress. Cualquiera de estas opciones le dará la oportunidad de cargar su GIF animado.

    Haga clic en el botón Seleccionar archivos

    Busque el archivo GIF que desea cargar. Si no está seguro de dónde buscar su archivo, muchos sistemas informáticos lo guardarán en la carpeta Descargas de forma predeterminada. Haga clic en el botón «Abrir» cuando haya hecho su selección.

    Haga clic en el botón "Abrir" cuando haya hecho su selección.

    Paso 2: seleccione Tamaño completo en el GIF

    El GIF estará entonces en su galería de medios para WordPress. Haga clic en él para seleccionar la imagen. En la parte inferior derecha de la pantalla, verá la configuración de visualización del GIF. Seleccione la opción Tamaño completo en Tamaño.

    seleccione la opción Tamaño completo en Tamaño.

    Haga clic en el botón «Insertar en la página». Esto colocará inmediatamente la imagen en su página o publicación.

    Haga clic en el botón "Insertar en la página".

    Paso 3: disfruta del GIF

    Ahora debería ver que su GIF funciona correctamente. Si la imagen no se mueve, es posible que haya seleccionado una opción distinta a «Tamaño completo».

    Ahora debería ver que su GIF funciona correctamente.

    Preguntas más frecuentes

    ¿Por qué un GIF animado debe ser de tamaño completo en WordPress?

    GIF

    Cuando agrega una imagen a WordPress, el sistema creará automáticamente diferentes tamaños de la misma.

    Por ejemplo, puede cargar una imagen destacada grande de 700 píxeles de ancho y WordPress creará automáticamente una miniatura de tamaño 150 × 150. Esto se debe a que WordPress usa estos tamaños variables para diferentes elementos del sitio.

    Cuando se cambia el tamaño de un GIF de esta manera, pierde el aspecto de animación.

    ¿Puedes guardar un GIF animado como otro tipo de archivo?

    Puede guardar archivos GIF como JPG, pero ya no tendrán su animación. En la mayoría de los casos, guardar un GIF animado como JPG solo guardará el cuadro único de la animación como imagen. Si desea que el gráfico permanezca animado, deberá guardarlo como su tipo de archivo «.GIF» original.

    ¿Puede un sitio ser lento debido a los GIF?

    Debido a la cantidad de fotogramas en un GIF animado, existe la posibilidad de que cada uno ralentice un sitio web. Esto se debe a que el archivo se vuelve más grande con cada segmento de la animación. Es como cargar un montón de imágenes a la vez. Aunque un GIF en sí mismo es pequeño, cada cuadro se suma al tamaño total del gráfico.

    Mantenga su sitio web atractivo

    Las imágenes juegan un papel en la creación de un diseño atractivo. Un GIF animado tiene el potencial de convertir una publicación o página monótona en algo más activo. Sin embargo, demasiados también pueden convertirse en una distracción.

    Está bien mejorar su contenido con animación, pero tenga en cuenta cuánto está agregando. Hay una diferencia entre tener un diseño atractivo y crear una monstruosidad.

    ¿Qué tipo de GIF utiliza su sitio web? ¿El uso de GIF ha tenido un impacto positivo en su sitio web?