¿Qué tamaño debe tener mi página de destino estándar en píxeles?

Las páginas de destino bien diseñadas dejan una impresión positiva y venden eficazmente el producto o servicio que ofreces en tu sitio web. Usar un tamaño de ventana inadecuado para el dispositivo puede arruinar la capacidad de una página de destino para causar una buena impresión y llevar al visitante a cerrar la ventana. Las páginas de destino deben diseñarse en torno a conceptos que atraigan a los usuarios y expliquen claramente el producto o servicio. Las páginas de destino no son páginas de inicio: los visitantes llegan a ellas haciendo clic en un enlace o anuncio.

Dimensiones de página de destino para escritorio

Los monitores de escritorio y portátiles vienen en una enorme variedad de tamaños y resoluciones, lo que facilita apelar al mínimo común denominador al dimensionar tu página de destino. El tamaño de pantalla promedio sigue creciendo, pero la mayoría de los monitores cuentan con al menos una resolución de 1024 x 768. Las páginas de destino de escritorio con un ancho de 960 píxeles funcionarán en casi cualquier monitor de computadora. Cualquier contenido de la página de destino dentro de una altura de 720 píxeles se mostrará de forma segura en la pantalla al cargar la página. El ancho de una página de destino de escritorio es mucho más importante que la altura porque los usuarios de escritorio pueden desplazarse hacia abajo para ver contenido adicional. Siempre puedes hacer una página más pequeña y sacrificar espacio en pantalla.

Diseño para dispositivos móviles

Una página de destino grande de escritorio no funcionará en dispositivos móviles: el contenido se desbordará por los lados o se reducirá a un tamaño ilegible. Los dispositivos móviles entran en la categoría de pantalla "pequeña" y cuentan con un ancho de resolución seguro de aproximadamente 320 píxeles. Aunque algunos dispositivos móviles tienen pantallas más grandes, cualquier página de destino diseñada para un ancho de 320 píxeles se mostrará bien en la mayoría de dispositivos móviles. Al igual que en escritorio, la altura es una preocupación secundaria para páginas de destino móviles; sin embargo, puedes colocar aproximadamente 426 píxeles verticales de contenido en la pantalla a la vez.

Personalizar para dispositivos tablet

Puedes desarrollar páginas de destino personalizadas para tablets; sin embargo, las páginas de destino de escritorio con ancho de 960 píxeles encajarán en tablets más grandes. Las tablets más pequeñas en el rango de 7 pulgadas suelen tener pantallas de 640 píxeles de ancho: las páginas de destino diseñadas para pantallas de 960 píxeles se reducirán aproximadamente en un tercio para encajar en la pantalla más pequeña. Dado que puedes mostrar contenido más pequeño en una pantalla más grande sin sacrificar calidad y legibilidad, diseñar páginas de destino para tablet con un ancho de 640 píxeles y altura de 480 píxeles funcionará en todos los dispositivos. Los usuarios de tablets más pequeñas pueden optar por sostener el dispositivo en modo horizontal, mientras que los usuarios de tablets más grandes lo sostendrán en modo vertical, haciendo que el ancho de 640 píxeles se adapte a ambos tamaños de pantalla.

Cambiar a diseño responsivo

Puedes prescindir de crear diferentes páginas de destino para diferentes dispositivos y en su lugar usar consultas de medios y un concepto de diseño responsivo para construir una página que reorganice el contenido según el tamaño de la pantalla del visitante. Las páginas de destino con diseño responsivo se pueden configurar para mover contenido y cambiar tamaños de contenido en diferentes rangos de resolución, permitiendo que el contenido se muestre cómodamente en cualquier pantalla.