Convertidor de HTML a PDF
Convierte código HTML en un documento PDF descargable. Pega el marcado o sube un archivo, previsualízalo y expórtalo al instante, todo en tu navegador.
100% Procesamiento del Lado del Cliente
Tu HTML se renderiza y convierte completamente en tu navegador. Nada se sube a un servidor.
Vista previa
Por seguridad, las etiquetas <script> están deshabilitadas en la vista previa y la exportación. Los estilos (CSS) y las imágenes se renderizan con normalidad.
Tabla de contenidos
¿Qué es un convertidor de HTML a PDF?
Un convertidor de HTML a PDF toma marcado HTML y CSS y lo renderiza como un documento PDF paginado, listo para descargar, imprimir o archivar.
Es útil para convertir facturas, informes, currículums, boletines o cualquier contenido web con estilo en un archivo portátil y compartible, sin necesidad de una herramienta de diseño o un servicio de renderizado en el servidor.
Cómo funciona
- Agrega tu HTML: Pega HTML/CSS directamente o sube un archivo .html.
- Previsualízalo: La herramienta renderiza tu marcado en vivo en una vista previa aislada con el ancho de página seleccionado.
- Elige la configuración de página: Selecciona tamaño de página, orientación y margen.
- Convierte y descarga: La vista previa se captura y se divide en páginas, luego se empaqueta en un PDF descargable.
Características
- Pega HTML o sube un archivo .html
- Vista previa en vivo estilo WYSIWYG con el ancho real de página
- Tamaños de página A4, Carta y Oficio
- Orientación vertical u horizontal
- Márgenes ninguno, normal o amplio
- Divide automáticamente el contenido largo en varias páginas
- Procesamiento 100% en el cliente para mayor privacidad
Mejores prácticas
- Usa CSS en línea o incrustado: Coloca los estilos en una etiqueta <style> o en atributos en línea para que la vista previa se renderice tal como se espera.
- Usa data URIs para imágenes críticas: Las imágenes de otros dominios sin cabeceras CORS pueden no renderizarse; incrusta imágenes pequeñas como data URIs en base64 cuando sea posible.
- Evita alturas fijas en píxeles: Deja que el contenido fluya de forma natural para que se pueda dividir limpiamente entre páginas del PDF.
- Prueba primero con el ejemplo: Carga el HTML de ejemplo para ver un caso funcional antes de pegar tu propio marcado.
- Mantén los documentos de tamaño razonable: Las páginas muy largas o con muchas imágenes tardan más en renderizarse y convertirse.
Solución de problemas
Faltan imágenes en el PDF
Las imágenes externas alojadas en otros dominios sin cabeceras CORS adecuadas no se pueden capturar. Usa imágenes del mismo origen o conviértelas a data URIs en base64.
La conversión falla o tarda demasiado
Documentos muy grandes o CSS complejo (degradados o filtros pesados) pueden ser lentos. Intenta simplificar el marcado o dividirlo en un documento más corto.
Las fuentes se ven diferentes en el PDF
El convertidor usa las fuentes disponibles en tu navegador. Las fuentes web cargadas mediante @font-face desde dominios externos pueden no capturarse siempre; usa fuentes del sistema para mayor consistencia.
El contenido se corta de forma extraña entre páginas
Ajusta los márgenes o reestructura el contenido (por ejemplo, evita elementos únicos muy altos) para que los saltos de página caigan en lugares más naturales.
Casos de uso comunes
- Facturas y recibos: Genera una factura HTML con estilo y expórtala como PDF para archivo o correo electrónico.
- Informes y resúmenes: Convierte un informe HTML con formato en un PDF compartible e imprimible.
- Currículums y portafolios: Diseña un currículum en HTML/CSS y exporta una versión PDF limpia.
- Boletines por correo: Archiva un boletín como PDF para consultarlo sin conexión.
- Capturas de páginas web: Guarda un fragmento HTML con estilo como PDF para documentación o para compartir.
Preguntas frecuentes
Sí. Tu HTML se renderiza y convierte completamente en tu navegador y nunca se sube a un servidor.
No. Las etiquetas script están deshabilitadas en la vista previa y la exportación por seguridad, por lo que los scripts interactivos no se ejecutarán.
Puedes pegar un documento HTML completo (con <html>, <head> y <body>) o un fragmento HTML más pequeño. Ambos son compatibles.
Sí. Si tu contenido es más alto que una página, se divide automáticamente en varias páginas del PDF.
Las imágenes cargadas desde otros dominios sin soporte CORS no se pueden capturar por razones de seguridad del navegador. Usa imágenes del mismo origen o data URIs en base64.
Sí, aunque editar documentos HTML más largos es más fácil en una pantalla grande.
No. Todo ocurre localmente en tu navegador y el PDF se descarga directamente a tu dispositivo.