Embedded Files
Cómo asignar una imagen animada (preview en video) a la portada de una nota
Cómo asignar una imagen animada (preview en video) a la portada de una nota
En las notas del CMS es posible reemplazar la imagen estática tradicional de portada por una animación tipo preview en video. Esta funcionalidad es especialmente útil para destacar noticias que incluyen contenido audiovisual o generan mayor impacto visual desde el home del sitio.
¿Qué es una imagen animada de portada?
¿Qué es una imagen animada de portada?
Se trata de una animación en formato .webp que se reproduce automáticamente en la portada del sitio para determinadas notas. Este recurso no se utiliza en la visualización interna de la nota ni en las secciones, y solo se mostrará en los contenedores del tipo "Nota Simple con Foto" que ocupen menos del 50% del ancho en desktop.
Importante: La imagen principal de la nota debe cargarse siempre, ya que sigue siendo la que se muestra al abrir la nota.
Opciones para asignar un video preview
Opciones para asignar un video preview
Desde el editor de notas del CMS, se puede optar por una de dos vías para asignar una imagen animada de portada:
🖼️ 1. Subir un archivo .webp propio
🖼️ 1. Subir un archivo .webp propio
Ideal si se cuenta con equipo de diseño o se desea controlar el contenido exacto del preview.
Recomendación técnica:
Se sugiere que el archivo .webp no supere los 1.5 MB y que tenga una duración breve, de entre 2 y 4 segundos, con loop.
Pasos:
Ingresar al editor de notas.
Buscar la sección Imagen Animada de Portada (GIF, WEBP o APNG).
Hacer clic en "Haga clic aquí para seleccionar el archivo".
Subir el archivo .webp animado desde tu computadora.
📹 2. Capturar preview desde YouTube
📹 2. Capturar preview desde YouTube
Pensado para medios que no desean generar el .webp manualmente. Permite capturar un fragmento animado de cualquier video público de YouTube relacionado con la nota.
Pasos:
Ingresar al editor de notas.
Ir a la sección de archivos y seleccionar la pestaña "Capturar preview desde YouTube" (el video no debe ser un short).
Pegar la URL del video y hacer clic en "Capturar preview".
Una vez generado, se podrá seleccionar como imagen animada.
El sistema guardará el archivo capturado internamente, por lo que no dependerá del video original para reproducirse.
Consideraciones importantes
Consideraciones importantes
Esta función no reemplaza la imagen principal de la nota. Siempre debe cargarse una imagen estática como imagen principal.
La animación solo se verá en la portada del sitio y no al ingresar a la nota.
Solo es compatible con el layout de portada, no con secciones internas.
Aplica únicamente a contenedores de tipo "Nota Simple con Foto" en desktop con ancho menor al 50%.
El formato aceptado para el preview es solo .webp animado.
Page updated
Report abuse