Provare le dimensioni di un sito a risoluzioni diverse e schermi piccoli

Browser per PC che apre i siti web come se fossero visitati da uno smartphone, in versione mobile

In questo post dedicato a chi crea e gestisce siti internet vediamo un paio di siti davvero fatti bene che permettono di verificare la visualizzazione di un sito web a varie risoluzioni dello schermo. Oggi i siti internet vengono navigati in diversi modi, con pc, portatili, cellulari, tablet e con schermi di ogni dimensione, dai monitor grandi come televisori a piccoli schermi touchscreen.
Questo comporta che chi disegna un sito deve assicurarsi che esso sia ben visibile in tutti i terminali e su schermi di qualsiasi risoluzione. Un sito che non offre contenuti ottimizzati per i dispositivi più diffusi e che sia bene leggibile a tutte le risoluzioni potrebbe perdere un sacco di visitatori.

Per provare le risoluzioni ed assicurarsi che il sito sia visualizzato correttamente su monitor grandi e piccoli schermi. Ci sono diversi modi di fare test sulla dimensione e per vedere la risoluzione sui cellulari.
Da Windows si può abbassare la risoluzione dello schermo dal menu del pannello di controllo mentre per ogni cellulare esiste un emulatore o simulatore.
In un altro articolo avevo scritto una guida per navigare su internet da PC come fosse un cellulare.

Per fare prima e provare le dimensioni di un sito a risoluzione dello schermo diverse e la compatibilità "responsive" con i cellulari si può utilizzare l'applicazione web automatica Responsivetesttool. Questo servizio online permette di visualizzare un determinato sito web nelle risoluzioni predefinite. Basta scrivere l'indirizzo del sito da controllare e poi scegliere la risoluzione cliccando con il mouse. Sul lato sinistro compaiono pulsanti semi-trasparenti che fanno cambiare la risoluzione a seconda del dispositivo usato. Si può quindi scegliere di vedere una pagina web scegliendo o tra 4 grandi categorie:
- Desktop: per vedere un sito con le dimensioni dello schermo di un netbook da 10" fino ad un monitor di un pc desktop da 24".
- Tablet per verificare come appare il sito se viene aperto da un iPad, un Samsung Galaxy o altri tablet.
- Mobile raggruppa i cellulari e smartphone più usati al mondo, tra cui iPhone, Blackberry e Google Nexus S con Android.
- Televisione per vedere le pagine web su schermi grandi fino alla risoluzione (1920×1200).

Ancora meglio, per provare un sito web in versione mobile è aprirlo con il browser gratuito LTBrowser che è davvero fantastico. Nella sua interfaccia permette di navigare su internet come se si utilizzasse uno smartphone, con capacità di rilevare le versioni mobili dei siti, automaticamente con tanti modelli tra scegliere (iPhone, Samsung ecc). Si può anche vedere lo stesso sito da due dispositivi diversi simultaneamente. LTBrowser è un browser che vale la pena segnalare per come funziona bene, anche perchè completamente gratis.

TestSize invece è un'applicazione dinamica che permette di simulare risoluzioni da quella dello schermo di un cellulare (240X320) a quella di una TV (1920X1200). TestSize funziona molto bene e permette di simulare ogni dimensione premendo i tasti + e - .