Pruebe el tamaño de un sitio en diferentes resoluciones y pantallas pequeñas

En este post dedicado a los que crean y administran sitios web vemos un par de sitios realmente bien hechos que permiten comprobar la visualización de un sitio web en varias resoluciones de pantalla. Hoy en día los sitios de Internet se navegan de diferentes maneras, con PCs, portátiles, teléfonos móviles, tabletas y con pantallas de todos los tamañosdesde monitores tan grandes como los televisores hasta pequeñas pantallas táctiles.
Esto significa que quien diseñe un sitio debe asegurarse de que sea claramente visible en todos los terminales y en las pantallas de cualquier resolución.
Un sitio que no ofrece un contenido optimizado para los dispositivos más populares y que es bien legible en todas las resoluciones podría perder muchos visitantes.

Entre las plataformas de blog más populares, Blogger permite habilitar la versión móvil de cada blog mientras que con el CMS de WordPress se puede utilizar un plugin para crear automáticamente la versión móvil.
En cualquier caso, sigue siendo importante probar las resoluciones para asegurarse que el sitio se muestra correctamente en pantallas grandes y pequeñas.
Hay varias maneras de probar el tamaño y ver la resolución en los teléfonos móviles.
Desde Windows se puede bajar la resolución de la pantalla desde el menú del Panel de Control mientras haya un emulador o simulador para cada teléfono móvil.
En otro artículo escribí una guía para navegar por Internet desde un PC como un teléfono móvil.

Para hacerlo más rápido y probar el tamaño de un sitio en diferentes resoluciones de pantalla y la compatibilidad con los teléfonos móviles puedes usar la aplicación web automática Responsivetesttool. Este servicio en línea le permite ver un sitio web en particular en las resoluciones predeterminadas. Simplemente escribe la dirección del sitio que quieres comprobar y luego elige la resolución haciendo clic con el ratón. En el lado izquierdo hay botones semitransparentes que cambian la resolución según el dispositivo utilizado. Puede entonces elegir ver una página web eligiendo o entre 4 grandes categorías:
EscritorioPara ver un sitio con el tamaño de pantalla de un netbook de 10″ hasta un monitor de PC de escritorio de 24″.
Tableta para ver cómo se ve el sitio si lo abres desde un iPad, Samsung Galaxy u otra tableta.
Móvil reúne los teléfonos móviles y los smartphones más usados del mundo, incluyendo iPhone, Blackberry y Google Nexus S con Android.
Televisión para ver páginas web en grandes pantallas hasta una resolución (1920×1200).
ScreenFly es una aplicación rápida que valió la pena informar sobre lo bien que funciona, fluido y sin recargar nunca el sitio probado. Una característica interesante de Screenfly es también el capacidad de detectar versiones móviles de sitios, automáticamente.
Esta opción puede ser desactivada marcando la casilla No hay servidor proxy (desactiva el cambio de dispositivo). También puede activar el desplazamiento vertical y girar la pantalla.

TestSize En cambio, es una aplicación dinámica que permite simular resoluciones desde la resolución de pantalla de un teléfono móvil (240X320) hasta la de un televisor (1920X1200).
TestSize funciona muy bien y permite simular cada dimensión pulsando las teclas + y -.

De Google puedes usar el Resizermuy conveniente para comprobar cómo se ve cualquier sitio o página web en pantallas de varios tamaños, de forma automática y rápida.