Saltar al contenido

Cómo convertir una web en un GIF con scroll

Crea un GIF animado de una página web haciendo scroll a partir de una URL, con un archivo lo bastante ligero para correos, documentos y READMEs. Cuándo usar un GIF y cuándo es mejor un MP4.

Aviral LakhanpaulActualizado el 3 min de lectura

La respuesta corta

Pega la URL de la página en una herramienta que exporte GIF, como Website Scroll Video, mantén el scroll por debajo de 20 segundos, en 720p o 1080p y a 24 fps o menos, y exporta. El GIF es la opción adecuada donde no se reproduce vídeo, como el correo y algunos documentos; en todos los demás sitios, un MP4 o un WebM del mismo scroll se ve más nítido y ocupa muchas veces menos.

Cuándo conviene un GIF

El GIF es un formato antiguo, con una paleta de 256 colores por fotograma y una compresión que nunca se pensó para imágenes en movimiento. El scroll de una web actual, con sus degradados y sus imágenes, es casi el peor caso posible para él. Sigue vivo porque se reproduce casi en cualquier parte, sin reproductor, sin clic y sin reglas de reproducción automática.

  • Usa un GIF en un correo a un cliente o en una newsletter, en un README o un issue de GitHub, en documentación y wikis que no insertan vídeo, y en apps de chat que muestran los GIF directamente en la conversación.
  • Usa un MP4 o un WebM en tu propia web, en redes sociales, en portfolios y en cualquier sitio donde funcione una etiqueta <video>. El mismo movimiento, mejor color y una fracción del tamaño.

Crea el GIF

  1. Pega la URL

    En la página de inicio, pega la dirección y deja que la página cargue. Los avisos de cookies y los widgets de chat se quitan antes de capturar nada.

  2. Elige GIF como formato

    Los ajustes que un GIF no admite se limitan solos: 24 fps como máximo, 1080p como máximo y 20 segundos como máximo.

  3. Que sea corto y suave

    Recorta el scroll a la parte de la página que importa y mantén un movimiento lento. A 24 fps, un scroll rápido emborrona el texto, y en un GIF se nota más que en un vídeo.

  4. Revisa la vista previa y exporta

    La vista previa es gratis. Exporta cuando te convenza, y el GIF se descarga como cualquier otro archivo.

Cómo mantener el archivo ligero

El tamaño de un GIF crece con cada píxel, cada fotograma y cada color que cambia. De más a menos efecto, aproximadamente:

Qué hace más pesado un GIF con scroll
AjusteArchivo más ligeroPor qué
Resolución720p en lugar de 1080pMenos de la mitad de píxeles por fotograma
DuraciónDe 6 a 10 segundosCada segundo son otros 24 fotogramas completos
Fotogramas por segundo24 fps o menosEl GIF apenas comprime el movimiento
FondoUn color plano, sin granoEl grano y las fotos cambian cada píxel en cada fotograma
La páginaUn tramo de scroll más cortoMenos movimiento por fotograma, menos píxeles nuevos

Otras formas de crear el GIF de una web

  • Graba la pantalla y convierte la grabación a GIF con un conversor o una herramienta como ffmpeg. Sirve para páginas privadas; el scroll será tan uniforme como lo sea tu mano.
  • Captura programada con Puppeteer o Playwright: tomar capturas de pantalla mientras la página se desplaza y unirlas. Control total, y código que mantener.
  • Herramientas online gratuitas de URL a GIF. Hay varias, con menos ajustes; la página de alternativas compara las que también crean vídeo.

Pruébalo con tu propia web

Pega un enlace y previsualiza el scroll gratis. 51 créditos gratis al registrarte, sin tarjeta y sin marca de agua en nada de lo que exportes.

Búsquedas recientes

    Preguntas, respondidas

    La versión corta de lo que se suele preguntar después.

    Contacto
    ¿Cómo creo un GIF de una web haciendo scroll?

    Pega la URL en una herramienta de URL a vídeo que exporte GIF, mantén el scroll corto y exporta. O graba tu pantalla mientras un script desplaza la página y convierte la grabación a GIF.

    ¿Por qué pesa tanto el GIF de mi web?

    El GIF guarda casi todos los fotogramas completos, así que la resolución, la duración y los fotogramas por segundo se multiplican entre sí. Baja a 720p, quédate por debajo de diez segundos y evita los fondos fotográficos o con grano.

    ¿Se reproduce un GIF en un correo?

    En la mayoría de las apps de correo, sí, y esa es la principal razón para elegirlo. Algunos clientes de escritorio solo muestran el primer fotograma, así que asegúrate de que el primer fotograma se entienda por sí solo.

    Logotipo de Website Scroll Video, un botón de reproducción sobre una página web en una ventana del navegador.

    Menos tiempo grabando. Más tiempo creando.

    Automatiza las grabaciones de webs con movimiento personalizable, controles inteligentes y opciones de exportación pensadas para creadores de hoy.