Si eres un webmaster o el dueño de un blog o sitio de Internet, lo más probable es que necesites probar tu web en diferentes resoluciones de pantalla. Si no es tu caso, tengo para decirte que en general realizar estas comprobaciones es especialmente importante si estás tratando de utilizar un buen diseño, de modo que puedas estar seguro de que el sitio se ve bien en todos los dispositivos desde los cuales acceden los usuarios.
La mayoría de los principales sitios web hoy día utilizan el diseño web responsive, lo que significa que son eficientes y funcionan muy bien cuando se accede a ellos mediante equipos de escritorio, tabletas y pantallas de móviles, etc. Con resolución de pantalla nos referimos a la claridad de las imágenes y el texto que aparece en la pantalla. Si la resolución de la maquina es alta, digamos que 1600×1200 pixeles, las imágenes y el texto se ajustarán bien a la pantalla y se visualizarán más nítidas. Del mismo modo, en los dispositivos con menor resolución, como 800×600 pixeles, menos elementos se ajustan a la pantalla y se verán más grandes.
Probar sitio web en diferentes resoluciones de pantalla
Si te preguntas cómo puedes probar tu web en distintas resoluciones de pantalla, tengo para decirte que hay diferentes herramientas online gratuitas disponibles para hacerlo. A continuación trataré de incluir las más utilizadas para tales fines.
Screenfly
Screenfly es una herramienta de Quirktools y uno de los probadores online de resolución más utilizados. Soporta múltiples resoluciones de pantalla, incluyendo televisión, tableta, teléfono móvil, computadoras portátil y de escritorio. También puedes probar tu página web utilizando cualquier tamaño de pantalla personalizado. Incluye la opción “Share” para compartir los resultados de tus pruebas.
Para usarlo, solo tienes que añadir la URL de tu sitio web y hacer clic en el botón “Go”. La herramienta mostrará los resultados en una fracción de segundo para:
- Escritorio con diferentes resoluciones.
- Teléfonos inteligente (Smartphones): Motorola RAZR V3M, Motorola RAZR V8, BlackBerry 8300, Apple iPhone 3 y 4, LG Optimus S, Samsung Galaxy SII, Asus Galaxy 7, Apple iPhone 5, Galaxy SIII.
- Tabletas: Kindle Fire, Kindle Fire HD 7, Kindle Fire HD 8,9, Google Nexus 7, Apple iPad 1-3/mini.
- Televisores con diferentes resoluciones.
TestSize
TestSize es una aplicación web simple que permite visualizar tu sitio web en varias resoluciones. Puedes seleccionar las resoluciones manualmente desde el menú desplegable y comprobar la apariencia de su sitio web. También puedes consultar tu página web en un tamaño de pantalla personalizado agregando la anchura y la altura deseada por tu propia cuenta.
Solo tienes que introducir la URL de tu sitio web en la columna de arriba, seleccionar la resolución de pantalla en el menú desplegable o ingresar manualmente la anchura y altura, y luego clic en “Open popup”. La herramienta mostrarác los resultados en la misma ventana al elegir la resolución y también en una ventana emergente al hacer clic en Open popup.
Screen-Resolution.com
Screen-Resolution es otra herramienta para visualizar tu web en diferentes resoluciones de pantalla. Es una herramienta rápida y sencilla para comprobar. A diferencia de las otras dos herramientas de pruebas de resolución en línea mencionadas anteriormente, en ésta no se puede seleccionar manualmente la resolución con la que quieres probar tu sitio web y para utilizarla debes hacerlo con Internet Explorer.
Esta es una herramienta muy simple para probar tu sitio web en diferentes resoluciones y tamaños de pantalla. Para usar esta utilidad, abre el enlace en Internet Explorer, agrega la URL de tu sitio y haz clic en “CHECK PAGE”. El resultado se mostrará en la misma ventana.
Para concluir
No se puede subestimar la importancia del diseño responsive en la actualidad. Se debe tomar en cuenta que cada vez es mayor la proporción de internautas que navegan principalmente utilizando dispositivos móviles, como tabletas y smartphones. Es por ello que cuando se tiene a cargo la gestión de un sitio web, es de vital importancia contemplar la visualización para la mayor variedad de dispositivos y terminales, de modo que los usuarios puedan disfrutar de una navegación optimizada al visitar nuestro sitio. Comprueba la visualización de tu sitio web utilizando estas herramientas y cuéntanos tu experiencia utilizando la sección de comentarios.