Una persona encuentra una página útil, la imprime para una reunión y descubre que falta la segunda mitad de la comparación. El sitio web resultaba convincente en pantalla. En papel, sin embargo, su menú fijo tapa un encabezado y un fondo oscuro ocupa la página. Imprimir supone una situación de lectura distinta, no simplemente una captura de pantalla con una impresora conectada.
Empezar por lo que el lector necesita llevarse
La descripción de un servicio, una selección de opciones y un artículo editorial tienen propósitos diferentes. Antes de ajustar los estilos, identifica qué material debe seguir siendo comprensible fuera del navegador: el tema, los detalles esenciales, las imágenes pertinentes y una forma de volver a la fuente. Una versión impresa no debe omitir sin avisar una condición que cambie el sentido de una oferta.
No hace falta reproducir cada adorno animado ni cada control de navegación. Eliminar esos elementos puede dejar espacio para el contenido propiamente dicho. La prueba es editorial: ¿entendería de qué trata este documento alguien que nunca ha visto el sitio web?
Usar el mismo contenido con otra presentación
Los estilos CSS de impresión permiten adaptar una página al papel o al PDF sin mantener una copia independiente de su texto. MDN describe el tipo de medio print para este fin. Una fuente de contenido compartida reduce la posibilidad de que se corrija la página web mientras una versión imprimible antigua permanece sin cambios.
Nuestro punto de partida es una composición sencilla con texto legible, márgenes moderados y encabezados claros. Un fondo decorativo no debería ser lo único que separa las secciones importantes. El sentido debe seguir siendo visible cuando el navegador omite los fondos o el lector elige una impresión monocroma.
Mantener junta la información relacionada, pero dejar que el contenido largo fluya
Una imagen separada de su explicación puede resultar ambigua. Un encabezado de tabla sin los valores correspondientes es igual de poco útil. La propiedad CSS break-inside influye en los saltos dentro de un elemento, pero una regla no sustituye la revisión del resultado. Un bloque grande sigue teniendo que caber en el espacio disponible de la página.
Comprueba ejemplos cortos y largos. No comprimas toda una comparación en una letra ilegiblemente pequeña solo para evitar otra hoja. Aquí se aplica el mismo razonamiento que permite crear una comparación fácil de usar en una pantalla pequeña: conserva las relaciones entre las etiquetas y los valores antes que una disposición visual concreta.
Dejar una vía de regreso a la página actualizada
En el papel no se puede hacer clic en un enlace. Cuando sea importante, incluye una dirección de origen legible en lugar de un «más información» sin explicación. Un título de página adecuado y una breve línea con la fuente ayudan al lector a identificar el documento más adelante. Si la información cambia con frecuencia, explica su contexto en vez de dar a entender que una copia impresa seguirá actualizada para siempre.
No muestres automáticamente todas las URL técnicas, los parámetros de seguimiento ni los detalles personales. Una versión impresa suele pasarse a otras personas. Selecciona la información de forma deliberada, especialmente en páginas que contengan formularios o datos introducidos por los visitantes.
Revisar el resultado, no solo la hoja de estilos
Abre la vista previa de impresión e inspecciona la primera página, las intermedias y la última. Busca columnas recortadas, encabezados aislados, logotipos demasiado grandes, imágenes ausentes y hojas en blanco innecesarias. Prueba los tamaños de papel y los ajustes del navegador pertinentes para el público. Un PDF guardado desde un navegador aporta una comprobación útil, no una garantía de que el resultado sea idéntico en todos los dispositivos.
Esto forma parte del mantenimiento continuo de un sitio web: vuelve a revisar el resultado impreso cuando cambie el contenido o la composición. El objetivo no es que el papel imite a la pantalla. Es que la misma información siga siendo útil en otro entorno.