Cómo convertir HTML en un PDF limpio
Qué hace que una página HTML se imprima bien, el CSS que controla las páginas y cómo evitar los problemas típicos: tablas cortadas, imágenes que faltan y letra diminuta.
Abrir la herramienta: Convertir HTML a PDF
Diseña para el ancho del papel
Un A4 con márgenes de 20 mm deja 170 mm de ancho útil, unos 643 píxeles CSS. Las maquetas más anchas se reducen y el texto queda más pequeño. Usa max-width: 100 % en las imágenes y anchos en porcentaje o fr en las rejillas.
CSS de impresión en cinco líneas
- @page { size: A4; margin: 20mm; } fija el papel y los márgenes.
- h2 { break-after: avoid; } mantiene los títulos con su texto.
- tr, figure { break-inside: avoid; } evita partir filas e imágenes.
- .capitulo { break-before: page; } empieza cada sección en página nueva.
- @media print { nav, button { display: none; } } oculta lo que solo sirve en pantalla.
Fuentes e imágenes
Las fuentes instaladas solo en tu ordenador no estarán en otros equipos: enlaza una fuente web o usa fuentes comunes. Para imprimir con calidad, las imágenes deben tener al menos 150 a 200 píxeles por pulgada: una foto a todo el ancho de un A4 necesita unos 1300 píxeles.
Qué salida elegir
Para facturas, contratos y documentación, Guardar como PDF mantiene el texto buscable y los enlaces. Para carteles, diplomas y diseños que deben verse igual en todas partes, Descargar PDF dibuja la página tal como la ves.