Un catálogo de productos en PDF con fotografías de alta resolución se ve impresionante en un monitor de escritorio, pero ahoga un teléfono móvil. El archivo de 80 megabytes tarda unos minutos en descargarse a través de datos móviles, las páginas se procesan lentamente mientras el teléfono lucha por descomprimir las imágenes y el lector se da por vencido antes de llegar a la página tres. La conversión de este catálogo con muchas imágenes a una versión optimizada para dispositivos móviles conserva el atractivo visual y, al mismo tiempo, ofrece un archivo que se descarga rápidamente y se desplaza sin problemas.
Compresión de PDF para entrega móvil requiere configuraciones más agresivas que la compresión para visualización de escritorio. La pantalla más pequeña y las distancias de visualización más cortas de los dispositivos móviles significan que las imágenes de menor resolución se perciben igual de nítidas. Una fotografía reducida a 150 DPI parece suave en un monitor de 27 pulgadas pero nítida en la pantalla de un teléfono de 6 pulgadas.
Comprender las limitaciones de visualización móvil
Los dispositivos móviles tienen tres limitaciones que afectan el diseño de PDF: pantallas más pequeñas, generalmente de 5 a 7 pulgadas en diagonal, menor potencia de procesamiento que las computadoras de escritorio y, a menudo, conexiones de datos medidas. Un PDF optimizado para dispositivos móviles respeta las tres limitaciones.
La resolución de pantalla de los teléfonos modernos es alta, superando a menudo los 400 píxeles por pulgada. Sin embargo, el tamaño físico de la pantalla significa que los espectadores acercan el dispositivo y perciben la calidad de la imagen de manera diferente. La resolución de Imágenes PDF se puede reducir a 150 DPI sin pérdida de calidad visible porque la distancia de visualización y el tamaño de la pantalla se combinan para hacer imperceptibles las resoluciones más altas.
Los visores de PDF móviles a menudo almacenan en caché solo las páginas actuales y adyacentes para conservar memoria. Un PDF con 300 imágenes de alta resolución obliga al espectador a recargar páginas constantemente, creando una experiencia de desplazamiento lento. Reducir el número de imágenes y la resolución mejora directamente el rendimiento del desplazamiento.
Pruebe comprimir PDF
No se necesita instalación. Funciona directamente en su navegador.
Paso 1: Reducir la resolución de la imagen para pantallas móviles
Reduzca la resolución de todas las imágenes a 150 DPI en el tamaño de visualización previsto. Para un catálogo donde las imágenes de productos se muestran en aproximadamente 3 por 3 pulgadas en la pantalla, esto significa 450 por 450 píxeles por imagen. Los ahorros de Reducir tamaño de PDF solo con este paso suelen oscilar entre el 60 y el 80 por ciento de los datos de la imagen original.
Utilice compresión JPEG con calidad 60 para fotografías de productos. En este nivel de calidad, los artefactos de compresión no son visibles en las pantallas de los móviles a distancias de visualización normales. El ojo humano no puede distinguir la calidad JPEG 60 de la calidad 90 en una pantalla de 6 pulgadas sostenida con el brazo extendido.
WukongPDF proporciona compresión basada en navegador con ajustes de imagen configurables. El flujo de trabajo de optimización móvil puede procesar el catálogo y entregar una versión ligera en una sola operación.
Paso 2: Optimización del diseño de página para pantallas pequeñas
El catálogo original fue diseñado para páginas tamaño carta o A4 visualizadas en monitores de escritorio. En un teléfono, es necesario hacer zoom y desplazarse para leer estas páginas. Considere reformatear el catálogo a un tamaño de página más pequeño, como 6 por 9 pulgadas, que se ajuste más naturalmente a las pantallas de los móviles.
El tamaño del texto en la versión móvil debe aumentarse en relación con el original. El texto del cuerpo en 9 puntos, común en los catálogos impresos, es demasiado pequeño en un teléfono. Aumente el cuerpo del texto a 11 o 12 puntos. El texto más grande ocupa más espacio pero se puede leer sin necesidad de hacer zoom.
Los diseños de varias columnas que funcionan en páginas anchas se convierten en diseños de una sola columna en pantallas estrechas. Si no se puede reformatear el catálogo a una sola columna, asegúrese de que la función de zoom para ajustar del visor de PDF produzca una vista legible de una sola columna.
Paso 3: optimizar la navegación para la interacción táctil
Agregue botones de navegación más grandes, adecuados para toques con los dedos. Un botón de 20 x 20 puntos en un PDF de escritorio se convierte en un pequeño objetivo en un teléfono. Los botones de navegación móvil deben tener al menos 44 por 44 puntos para cumplir con las pautas de accesibilidad táctil.
Incluya un botón de tabla de contenido persistente que devuelva al lector al índice de categorías de productos. En dispositivos móviles, los lectores saltan entre secciones con más frecuencia que en computadoras de escritorio. La fácil navegación de regreso al índice mejora la experiencia de navegación.
Pruebe el catálogo móvil en dispositivos iOS y Android, utilizando tanto el visor de PDF integrado como un visor de terceros como Adobe Acrobat. El rendimiento de renderizado y el comportamiento de navegación difieren entre plataformas y espectadores.
Pruebas y Distribución
Antes de distribuir la versión móvil, compárala con el original en un teléfono. Verifique la calidad de la imagen, la legibilidad del texto y la capacidad de respuesta de la navegación. La versión móvil debería ser funcionalmente equivalente a la original y al mismo tiempo ser considerablemente más pequeña y más rápida.
Distribuya ambas versiones con etiquetas claras: Catalog_Full_Resolution.pdf para usuarios de escritorio y Catalog_Mobile.pdf para usuarios móviles. Incluya una nota recomendando la versión adecuada según el dispositivo que se utilice.
La decisión de crear un PDF móvil independiente o utilizar un visor de PDF responsivo depende de la audiencia. Un PDF móvil independiente garantiza la mejor experiencia, pero requiere mantener dos archivos.
Las conexiones de datos móviles no siempre son rápidas ni ilimitadas. Un catálogo optimizado para dispositivos móviles debe incluir un indicador del tamaño del archivo en la página de descarga.
La carga diferida de imágenes es estándar en el diseño web, pero no está disponible en PDF. Todas las imágenes deben estar presentes y descodificables desde el principio, por lo que una optimización agresiva de la imagen es esencial.
El perfil de color de las imágenes en el catálogo móvil debe ser sRGB para una visualización consistente en todos los dispositivos móviles. Las imágenes CMYK pueden mostrarse con colores incorrectos en las pantallas de los móviles.
Deben conservarse los elementos interactivos como enlaces a páginas de productos, contactos de correo electrónico y números de teléfono. Un toque en un número de teléfono puede iniciar una llamada.
El tamaño de los archivos de los catálogos móviles debe comunicarse claramente en los metadatos del archivo y en cualquier página de descarga.
Para los catálogos distribuidos a través de una aplicación móvil, el PDF se puede incrustar con un visor personalizado que precarga las páginas.
Las pruebas periódicas del catálogo móvil en dispositivos reales revelan problemas de rendimiento que los emuladores pasan por alto.
El catálogo móvil debe probarse con el visor de PDF que utiliza la mayoría de la audiencia.
Una opción alternativa para los usuarios que no pueden descargar el catálogo móvil es un catálogo basado en web que se carga progresivamente.
El flujo de trabajo de optimización móvil debe documentarse para que pueda repetirse en cada nueva edición del catálogo.
El recuento de páginas del catálogo móvil se puede reducir combinando listados de productos de forma más densa.
El catálogo móvil debe probarse tanto en conexiones WiFi como celulares para verificar tiempos de descarga aceptables en condiciones del mundo real.
Las técnicas de carga progresiva disponibles en algunos visores de PDF móviles pueden mostrar las primeras páginas mientras el resto del archivo continúa descargándose.
El nombre del archivo de la versión móvil debe indicar claramente que está optimizado para teléfonos para evitar que los usuarios descarguen la versión incorrecta.
Las imágenes de productos en el catálogo móvil se pueden recortar más ajustadamente al producto, eliminando fondos innecesarios que agregan píxeles sin agregar información.
La navegación del catálogo móvil debería favorecer el desplazamiento vertical sobre los cambios de página horizontales, coincidiendo con el patrón natural de interacción telefónica.
Las vistas de páginas en miniatura en el catálogo móvil ayudan a los lectores a navegar a productos específicos sin tener que desplazarse por cada página de forma secuencial.
La función de búsqueda, cuando está disponible en el visor de PDF móvil, permite a los lectores encontrar productos por nombre o categoría al instante.
El catálogo móvil debe incluir información de contacto y un enlace al catálogo de resolución completa para los lectores que quieran ver los productos con mayor detalle.
Probar el catálogo móvil con usuarios representativos proporciona comentarios sobre la legibilidad, la navegación y la experiencia general que las pruebas automatizadas no pueden capturar.
Un PDF de catálogo móvil comprimido también es adecuado para incrustarlo en boletines informativos por correo electrónico como un archivo adjunto que los destinatarios pueden abrir directamente en sus teléfonos.
El catálogo móvil representa un contexto de lectura diferente al de la versión de escritorio. Los lectores móviles suelen navegar rápidamente, buscar productos específicos y pueden ser interrumpidos en cualquier momento. El diseño del catálogo debe admitir este comportamiento de escaneo.
Los marcadores en el PDF del catálogo móvil brindan una navegación rápida a las categorías de productos sin tener que desplazarse. La configuración de marcadores para cada título de categoría ofrece a los lectores móviles una tabla de contenidos accesible desde el panel de navegación del visor de PDF.
La profundidad de color de las imágenes se puede reducir de 24 bits a 8 bits de color indexado para fotografías de productos que no requieren fidelidad de color fotográfico total. La reducción suele ser imperceptible en las pantallas de los móviles.
Los metadatos del catálogo móvil deben indicar que se trata de la versión móvil, lo que permitirá que los sistemas de gestión de documentos y las herramientas de búsqueda la distingan de la versión de escritorio de resolución completa.
El catálogo móvil puede incluir enlaces directos de compra para cada producto, convirtiendo el catálogo de una experiencia de navegación pasiva en una herramienta de compra activa.
Las transiciones de página en el catálogo móvil deben configurarse para que se desvanezcan o ninguna para minimizar la sobrecarga de procesamiento en procesadores móviles de menor potencia.
El archivo del catálogo móvil debe probarse en el dispositivo compatible más antiguo del público objetivo, ya que esto representa el peor escenario de rendimiento.
La incorporación de fuentes en el catálogo móvil garantiza que el texto se muestre correctamente incluso en dispositivos que no tienen las fuentes del catálogo instaladas.
Un catálogo móvil bien optimizado puede tener un tamaño de una décima parte del de la versión de escritorio y, al mismo tiempo, seguir siendo visualmente aceptable en las pantallas de los teléfonos.
El proceso de optimización del catálogo móvil debe completarse como paso final antes de la distribución, una vez finalizadas todas las actualizaciones de contenido.
| Configuración de optimización | Versión de escritorio | Versión móvil | Guardando |
|---|---|---|---|
| Resolución de imagen | 300 ppp | 150 ppp | 60-80% de los datos de la imagen |
| calidad JPEG | 90-100 | 60-70 | 30-50% adicional |
| Tamaño de página | Carta / A4 | 6x9 pulgadas o menos | Mejor ajuste en pantallas pequeñas |
| Tamaño de fuente (cuerpo) | 9-10 puntos | 11-12 puntos | Legible sin hacer zoom |
| Botones de navegación | Tamaño estándar | Mínimo 44x44 puntos | Objetivos fáciles de tocar |
Pruebe comprimir PDF
No se necesita instalación. Funciona directamente en su navegador.