Calcolatore di proporzioni (aspect ratio)

La proporzione è il rapporto fra larghezza e altezza. Tienila costante e un'immagine ridimensionata resta corretta a qualsiasi misura; cambiala e tutto risulta stirato o schiacciato — una distorsione che le persone notano subito, anche quando non saprebbero darle un nome.

Il calcolo è banale e sbagliarlo è comune, di solito perché una dimensione è stata arrotondata in un passaggio intermedio. Inserisci la tua proporzione e il lato che conosci, e il lato corrispondente viene calcolato, insieme a una tabella di riferimento delle larghezze comuni con l'altezza giusta per ciascuna.

Come si usa questo strumento

Scegli un preset, oppure scrivi la tua proporzione nelle due caselle.
Scrivi la larghezza che ti serve e l'altezza si aggiorna. Scrivi invece un'altezza e si aggiorna la larghezza.
Guarda il rettangolo di anteprima per confermare che la forma sia quella che ti aspettavi.
Usa la tabella delle larghezze standard se devi produrre più misure dello stesso elemento.

Esempio pratico

Ridimensionare un'immagine di testata

Il progetto grafico chiede un banner 16:9 e il contenitore è largo 1440 pixel. Inserendo 1440 ottieni 810 pixel di altezza. Esportare esattamente a quella misura evita che il browser riscali l'immagine ammorbidendola.

Un video verticale da un girato orizzontale

Ti serve 9:16 per una collocazione pensata per il telefono e la sorgente è 1920×1080. A 1080 di larghezza l'altezza è 1920, quindi l'inquadratura va ricomposta, non semplicemente ridimensionata. L'anteprima rende evidente l'entità del ritaglio prima di iniziare.

Quando serve

Ridimensionare immagini per un layout responsive
Esportare un video nella dimensione giusta per una piattaforma
Dimensionare immagini Open Graph e di condivisione social
Adattare un progetto grafico a un altro schermo o a un formato di stampa
Impostare i box CSS aspect-ratio così il layout non salta mentre le immagini caricano
Capire se serve un ritaglio prima di mettersi al lavoro

Errori comuni

Arrotondare a metà strada — Arrotonda solo il numero finale. Arrotondare un valore intermedio fa derivare la proporzione e si vede come un buco di un pixel in una griglia.
Dare per scontato che widescreen voglia dire 16:9 — Il cinema è spesso 21:9 o 2,39:1. Far entrare uno nell'altro significa bande nere o ritaglio.
Confondere proporzione e risoluzione — 1280×720 e 1920×1080 sono entrambe 16:9. La proporzione è la forma; la risoluzione è il dettaglio.
Dimenticare la densità di pixel dello schermo — Un'immagine mostrata larga 400 pixel su uno schermo ad alta densità va esportata a 800 per risultare nitida.

Domande frequenti

Cosa vuol dire esattamente 16:9?

Per ogni 16 unità di larghezza ce ne sono 9 di altezza: è una proporzione, non una dimensione. È lo standard della televisione, di quasi tutte le piattaforme video e della grandissima parte dei monitor.

Quale proporzione usare per le immagini social?

1200×630 (circa 1,91:1) per le anteprime dei link Open Graph, 1:1 per i post quadrati nel feed, 9:16 per le storie a tutto schermo e i video verticali brevi. Questo strumento ha un preset per ciascuna.

Come faccio a far stare una foto 4:3 in uno spazio 16:9?

O ritagli sopra e sotto, oppure metti bande ai lati. Non c'è modo di far entrare entrambe senza una delle due cose: stirarla è l'unica opzione da evitare.

Che proporzione ha un foglio A4?

210:297, cioè 1:√2. Tutti i formati ISO della serie A la condividono, quindi dividendo a metà un A4 si ottengono due A5 esattamente della stessa forma.

Perché la mia immagine ridimensionata sembra sfocata?

Di solito perché è stata ingrandita oltre la risoluzione originale, o esportata alla misura CSS su uno schermo ad alta densità. Per gli schermi retina esporta al doppio della dimensione di visualizzazione.

Posso usare una proporzione decimale come 2,39?

Sì: metti 2.39 nella prima casella e 1 nella seconda. Vengono mostrati sia il rapporto semplificato sia l'equivalente decimale.

Ultimo aggiornamento 2026-09-15