Convertir HTML a GIF
Renderice un archivo HTML en un motor de navegador y guárdelo como GIF para los lugares que todavía piden ese formato: firmas de correo, foros antiguos, campos de CMS veteranos. Usted elige el ancho de la ventana y si obtiene una imagen larga o una secuencia de fotogramas del tamaño de una página.
Documento a imagen
o suelte aquí archivos DOC, DOCX, DOCM … ·
Máx. 95 MB por archivo· Hasta 20 archivos· Se borran a los 30 minutos
Los archivos se procesan en nuestros servidores y se borran a los 30 minutos.
Convierte todas las páginas, solo la primera (una miniatura o portada) o un rango.
Páginas o diapositivas que se convierten, p. ej., 1-3, 5, 8-10.
Solo archivos HTML: ancho de la ventana del navegador con que se renderiza la página. 1280 px es una laptop típica; 390 px muestra el diseño móvil.
85 mantiene el texto nítido con un tamaño moderado. Los valores más bajos generan archivos más pequeños, pero desenfocan la letra pequeña.
Cómo usar esta herramienta
- 1
Suba el HTML
Agregue archivos .html, .htm o .mhtml, hasta 20 por lote y de 95 MB cada uno. Guardar la página como Página web, un solo archivo conserva sus imágenes y estilos dentro.
- 2
Elija el ancho y el diseño
Ancho de la página HTML está en 1280 px; use 600 px para una plantilla de correo. Imágenes está en Una sola imagen larga, un único GIF fijo; cámbielo a Una por página para obtener fotogramas del tamaño de una página que se muestran uno tras otro.
- 3
Convierta a GIF
Pulse Convertir a GIF. Si el GIF debe ir sobre un fondo de color, active Fondo transparente en Opciones avanzadas.
Pasar de HTML a GIF captura cómo se ve una página, no cómo se mueve: el navegador dibuja la página al ancho que usted elige, y el resultado es un GIF fijo o un conjunto de fotogramas del tamaño de una página en un solo archivo.
Cómo funciona la conversión de HTML a GIF
Primero el HTML se maqueta como cualquier página web, al Ancho de la página HTML que usted fije, de 320 a 3840 px. Se aplican los estilos y las imágenes incluidos en el archivo; las fuentes que no se pueden alcanzar se sustituyen por otras parecidas. Después se captura la página renderizada.
Con Imágenes en Una sola imagen larga, toda la página, de la cabecera al pie, se convierte en un único GIF fijo. Con Una por página, se corta en trozos del tamaño de una página y esos trozos pasan a ser fotogramas de un GIF que los muestra en orden, algo práctico para previsualizar un boletín largo o una landing page de varias secciones sin desplazarse.
El formato marca los límites. CompuServe presentó GIF en 1987, y la revisión GIF89a de 1989 añadió retardos entre fotogramas y un color transparente, que sigue siendo lo que admite cualquier visor. Cada fotograma se limita a una paleta de 256 colores, así que el conversor asigna los colores de la página a la mejor paleta que encuentra. El texto, los iconos, los botones y los colores planos de marca salen limpios; las fotos y las sombras suaves son lo que más pierde.
Límites de GIF que importan en una página web renderizada
- Colores por fotograma
- 256
- Transparencia por píxel, sin bordes suaves
- Sí/no
- La página se captura, no se graba
- Fija
- Archivos HTML por lote, de 95 MB cada uno
- 20
Convertir HTML a GIF: qué esperar
MitoEl GIF de una página muestra sus efectos al pasar el cursor y sus animaciones.
RealidadLos estados interactivos y el movimiento necesitan una persona o un script que los active. La captura muestra la página en reposo.
MitoGIF es el formato de imagen más ligero para una página web.
RealidadPara páginas con fotos, un JPG o un WebP suele pesar mucho menos. GIF solo gana con gráficos simples y planos.
MitoEl GIF tomará la página desde su dirección web.
RealidadEl conversor trabaja con el archivo HTML que usted sube. Guarde antes la página desde el navegador, idealmente como un solo archivo MHTML.
MitoUsar más fotogramas hace el GIF más nítido.
RealidadLos fotogramas añaden duración y peso, no detalle. La nitidez depende del ancho de la página y de la paleta de colores.
HTML
HyperText Markup Language (HTML)
HTML es el lenguaje de marcado de la web, descrito por primera vez por Tim Berners-Lee a principios de la década de 1990 y mantenido hoy por el WHATWG como estándar vivo. Un archivo HTML describe encabezados, párrafos, enlaces, tablas, imágenes y formularios, mientras que el estilo suele provenir de CSS. Todos los navegadores lo representan, y también se usa para plantillas de correo electrónico y páginas web guardadas. Un archivo HTML suele depender de imágenes y hojas de estilo externas, por lo que puede verse incompleto si se mueve solo.
- Compresión
- –
- Transparencia
- –
- Animación
- –
- Presentado en
- 1993 · Tim Berners-Lee; maintained by WHATWG
GIF
Graphics Interchange Format (GIF)
CompuServe presentó GIF en 1987, y sigue siendo el formato más compatible para animaciones cortas en bucle. Es sin pérdida, pero está limitado a una paleta de 256 colores por fotograma, por lo que las fotos y los degradados muestran bandas y tramado. Solo admite transparencia de todo o nada (1 bit), lo que deja bordes dentados en las formas curvas. Los GIF animados suelen ser mucho más grandes que el mismo clip en MP4 o WebP. Todos los navegadores, aplicaciones de chat y plataformas sociales reproducen GIF.
- Compresión
- Sin pérdida
- Transparencia
- Sí
- Animación
- Sí
- Presentado en
- 1987 · CompuServe
Se elige GIF para una página renderizada cuando el destino solo acepta GIF, como una firma de correo o una plataforma antigua, o cuando se quieren varios fotogramas de la página en un solo archivo que se reproduce sin reproductor de video.
Preguntas sobre HTML a GIF
¿Se puede convertir una animación CSS de un HTML en un GIF animado?
No. La página se renderiza una vez y se captura, así que las transiciones CSS, las animaciones con keyframes, los videos y los efectos por script quedan congelados en ese instante. Para capturar movimiento, grabe la pantalla mientras la página se reproduce y convierta la grabación con video a GIF.
¿Por qué los degradados y las fotos se ven granulados en el GIF de una página HTML?
Cada fotograma GIF puede usar como máximo 256 colores. Una página con degradados suaves, sombras o fotos tiene miles, así que se aproximan con tramado (dithering), que aparece como motas o bandas. Los diseños planos y el texto resisten bien; para páginas con muchas fotos, HTML a PNG conserva todos los colores.
¿Por qué los bordes de un GIF transparente se ven dentados?
La transparencia GIF es todo o nada por píxel, sin opacidad parcial. Los bordes suavizados que se mezclaron con un fondo pasan a un color sólido o desaparecen, lo que puede dejar un halo claro sobre fondos oscuros. Mantenga el fondo blanco si el GIF va a ir sobre blanco de todos modos.
¿Una firma de correo HTML guardada como GIF funciona en todos los programas de correo?
Un GIF fijo se muestra prácticamente en todos los clientes de correo, por eso las firmas usaron este formato durante años. Los GIF animados son menos fiables: el Outlook clásico para Windows de 2007 a 2013 muestra solo el primer fotograma, así que ponga lo importante en el fotograma uno.
¿Cómo hago que el GIF de una página HTML pese poco para una app de chat?
Use un Ancho de la página HTML más estrecho o convierta solo la primera página. Si el resultado sigue superando un límite, comprimir un GIF para Discord lo reduce hasta el tope de subida.