Cómo guardar la versión móvil de un sitio web en PDF
¿Alguna vez has intentado convertir una página web a PDF, solo para descubrir que el texto es diminuto? ¿O tal vez la página tenía tres columnas diferentes y todas terminaron comprimidas en un desastre?
Esto sucede porque estás intentando imprimir una Versión de Escritorio. Los sitios de escritorio son anchos, complejos y están diseñados para monitores grandes. Simplemente no encajan bien en una hoja de papel estrecha.
Pero hay una solución: Captura el sitio móvil en su lugar.
Los sitios web móviles están diseñados para pantallas estrechas y verticales. Utilizan texto grande, diseños de una sola columna y navegación sencilla.
¿Adivina qué más es estrecho y vertical? El papel A4.
Aquí te explicamos cómo forzar a nuestro convertidor a capturar la versión móvil de cualquier sitio web para obtener un PDF perfecto y legible.
El truco de la "Emulación de Viewport"
No necesitas usar tu teléfono para hacer esto. Puedes hacerlo directamente desde tu navegador de escritorio usando nuestra función de Emulación de Viewport (Viewport Emulation).
Esta función le dice a nuestro motor de conversión que "finja" ser un teléfono inteligente específico (como un iPhone 15 o Pixel 8). Cuando el sitio web detecta esto, entrega automáticamente el diseño móvil limpio.
Guía paso a paso
- Pega tu URL en el convertidor.
- Haz clic en "Show Options" (Mostrar opciones) para revelar la configuración.
- Localiza la sección "Viewport Emulation".
- Haz clic en el menú desplegable (generalmente dice "Desktop (1920x1080)").
- Selecciona un dispositivo móvil, como iPhone 15 Pro o Samsung Galaxy S23.
- Importante: Deja el "Paper Size" (Tamaño de papel) en A4 y la Orientación en Portrait (Vertical).
- Haz clic en Convert Now (Convertir ahora).
¿Por qué es esto mejor que el "Modo de Escritorio"?
Cuando cambias a un viewport móvil, suceden tres cosas mágicas:
- Aumenta el tamaño del texto: Los sitios móviles usan tamaños de fuente más grandes en relación con el ancho de la pantalla. En un PDF, esto significa que realmente puedes leer el texto sin forzar la vista.
- Diseño de una sola columna: Las barras laterales confusas y las cuadrículas de múltiples columnas desaparecen. Todo se apila en una línea limpia, leyendo de arriba a abajo.
- Sin contenido cortado: Como el sitio móvil está diseñado para no ser nunca más ancho que la pantalla, no tendrás problemas con el contenido que se sale del borde de la página.
¿Cuándo deberías usar esto?
Recomendamos el truco del "Mobile Viewport" para:
- Recetas: A menudo se ven mucho más limpias en el móvil.
- Artículos de noticias: Elimina las barras laterales y se centra en la historia.
- Hilos de redes sociales: Los hilos de Twitter/X y LinkedIn se ven mucho más naturales en su vista móvil.
¿Quieres aprender más sobre trucos de diseño? Esta es solo una forma de arreglar un PDF roto. Consulta La guía definitiva para crear el PDF de página web perfecto para obtener más consejos de expertos sobre A4 vs A3, orientación y más.
