Calcolatore rapporto d'aspetto
Calcola i rapporti e ridimensiona le dimensioni in modo proporzionale.
Ridimensiona
Inserisci una nuova larghezza o altezza; l'altra dimensione verrà calcolata automaticamente.
Rapporti d'aspetto comuni
| Rapporto | Uso comune | Esempi di risoluzioni |
|---|---|---|
| 16:9 | Schermi widescreen, YouTube, TV | 1920x1080, 3840x2160 |
| 4:3 | TV classica, presentazioni, iPad | 1024x768, 2048x1536 |
| 1:1 | Post Instagram, foto profilo | 1080x1080, 400x400 |
| 9:16 | TikTok, Reels, Stories, video su mobile | 1080x1920 |
| 21:9 | Schermi ultrawide, cinema | 2560x1080, 3440x1440 |
| 3:2 | Fotocamere reflex, Surface | 1440x960, 6000x4000 |
Domande frequenti
Cos'è un rapporto d'aspetto?
Un rapporto d'aspetto è la relazione proporzionale tra larghezza e altezza. Un rapporto 16:9 significa che per 16 unità di larghezza, ci sono 9 unità di altezza, indipendentemente dalla dimensione reale in pixel.
Perché il rapporto d'aspetto è importante in video?
Usare un rapporto sbagliato provoca bande nere (letterboxing/pillarboxing) o stiramento. YouTube usa 16:9, TikTok/Reels usano 9:16, e i post Instagram usano 1:1 o 4:5.
La matematica dietro il rapporto
Un rapporto d'aspetto è la relazione proporzionale tra larghezza e altezza, scritto come W:H tipo 16:9, oppure come un singolo decimale, 16 ÷ 9 = 1.777…, di solito arrotondato a 1.78:1. Due diverse risoluzioni in pixel possono condividere lo stesso rapporto: 1920×1080 e 1280×720 sono entrambe 16:9 perché entrambe si riducono alla stessa frazione.
Per semplificare qualsiasi coppia, dividi entrambi i numeri per il loro massimo comune divisore: il più grande intero che divide esattamente sia la larghezza sia l'altezza. Per il Full HD:
gcd(1920, 1080) = 1201920 ÷ 120 = 161080 ÷ 120 = 9- →
16:9
Questo calcolatore esegue quella riduzione tramite MCD ogni volta che cambi un numero, e risolve anche il problema inverso: dato un rapporto obiettivo e una dimensione nota, l'altra deriva da new height = (known width × H) ÷ W: così un'immagine larga 1080 ridimensionata a 16:9 ha bisogno di un'altezza di 1080 × 9 ÷ 16 = 607.5, tipicamente arrotondata a 608.
Una breve storia del rettangolo
Nel 1891 W.K.L. Dickson, che lavorava per Thomas Edison, scelse un fotogramma 4:3 per il Kinetoscopio perché tagliare a metà la pellicola Kodak da 70mm dava 35mm, e quattro fori di trascinamento per fotogramma producevano quella proporzione. Una convenzione di Parigi adottò 1,33:1 come standard del film muto nel 1925. Quando le strisce sonore ottiche cominciarono a invadere l'area dell'immagine, la Society of Motion Picture Engineers standardizzò il rapporto Academy a 1,375:1 il 9 maggio 1932, il formato che ogni film di studio usò per i vent'anni successivi.
La televisione stava rubando il pubblico al cinema all'inizio degli anni '50, e Hollywood rispose con la larghezza. Shane uscì in 1,66:1 nel maggio 1953. Cinque mesi dopo la 20th Century Fox presentò The Robe in CinemaScope, originariamente 2,55:1 (ridotto dal massimo ottico di 2,66 per lasciare spazio a quattro strisce magnetiche della colonna sonora). La SMPTE fissò l'apertura di proiezione anamorfica a 2,35:1 nel 1957 e la aggiornò a 2,39:1 nel 1970 affinché i segni di giunzione fossero meno visibili.
Neanche il 16:9 è arbitrario. Nel 1984 Kerns H. Powers, che lavorava nel gruppo di lavoro SMPTE sull'alta definizione, lo derivò geometricamente: quando si sovrappongono concentricamente rettangoli di uguale area sagomati secondo tutti i rapporti popolari del cinema e della TV (4:3, 1,85:1, 2,35:1), rientrano tutti in un rettangolo esterno 1,77:1 e coprono tutti un rettangolo interno 1,77:1. Matematicamente è la media geometrica degli estremi, √(1.33 × 2.35) ≈ 1.77. La Raccomandazione ITU-R BT.709 sancì il 16:9 per l'HDTV nel 1990, e l'industria dei PC passò dal 16:10 al 16:9 intorno al 2009 per condividere le linee di produzione dei pannelli con i televisori.
Rapporti comuni nel 2026
| Rapporto | Decimale | Dove lo vedi |
|---|---|---|
| 1:1 | 1.000 | Post quadrati di Instagram, immagini del profilo, copertine di album |
| 4:5 | 0.800 | Feed verticale di Instagram (formato con il maggior coinvolgimento) |
| 2:3 | 0.667 | Pin standard di Pinterest, stampe fotografiche verticali da 35mm |
| 3:2 | 1.500 | Reflex full-frame, negativi da 35mm, laptop Microsoft Surface |
| 16:10 | 1.600 | Laptop più vecchi, MacBook Pro da 14 e 16 pollici, molti tablet |
| 16:9 | 1.778 | HDTV, monitor moderni, YouTube orizzontale, la maggior parte dei laptop |
| 1.85:1 | 1.850 | Il formato «flat» delle uscite cinematografiche moderne |
| 1.91:1 | 1.910 | Schede di condivisione Open Graph / Facebook / LinkedIn (1200×630) |
| 2:1 | 2.000 | Univisium, usato da alcune produzioni originali in streaming |
| 21:9 | 2.333* | Monitor ultrawide (*etichetta di marketing; tecnicamente 64:27 = 2,37:1) |
| 2.39:1 | 2.390 | Widescreen anamorfico moderno («scope») |
Dimensioni delle piattaforme social nel 2026
- Feed di Instagram: il verticale 4:5 (1080×1350) è l'attuale impostazione predefinita ottimizzata per il coinvolgimento, occupa sensibilmente più spazio verticale dello schermo su un telefono rispetto a un quadrato 1:1. Sono accettati anche il quadrato (1080×1080) e l'orizzontale 1,91:1. Le Storie e i Reel sono 9:16 (1080×1920).
- TikTok: 9:16 nativo a 1080×1920. Il quadrato è accettato ma ritagliato al centro nella visualizzazione a schermo intero.
- YouTube: 16:9 orizzontale (1920×1080 o 3840×2160 per il 4K). YouTube Shorts è 9:16 a 1080×1920.
- LinkedIn: scheda di condivisione/link 1200×630 (1,91:1). Copertina del banner 1584×396 (4:1). Per i post nel feed è consigliato il verticale 1080×1350 (4:5).
- Pinterest: pin standard 1000×1500 (2:3). Il centro assistenza di Pinterest osserva che altri rapporti possono influire negativamente sulla portata, e i pin più alti di circa 1:2,1 vengono troncati nel feed principale.
- Facebook / Open Graph: l'anteprima del link 1200×630 (1,91:1) è lo standard di fatto per l'anteprima più grande nel News Feed e in Messenger.
Letterbox, pillarbox, windowbox
Quando il rapporto d'aspetto di un fotogramma non corrisponde alla superficie su cui è visualizzato, ottieni delle barre nere, il formato dipende da quale dimensione eccede.
- Letterbox: barre in alto e in basso. La sorgente è più larga del display. Mostrare un film 2,39:1 su una TV 16:9 è l'esempio canonico. Le barre si mangiano circa
1 − (1.78 / 2.39) ≈ 25%dello spazio verticale. - Pillarbox: barre a sinistra e a destra. La sorgente è più stretta del display. Mostrare una sitcom 4:3 su una TV 16:9 è il caso classico.
- Windowbox: barre su tutti e quattro i lati. Succede quando un contenuto già in letterbox (o in pillarbox) viene ridimensionato in un fotogramma di un rapporto ancora diverso.
- Pan and scan è l'alternativa distruttiva: l'immagine viene ritagliata per riempire lo schermo e la telecamera «esegue una panoramica» sul fotogramma originale per mantenere l'azione centrata. Era lo standard per distribuire i film 2,35:1 su VHS 4:3 negli anni '80 e '90, e fu ampiamente criticato per il taglio della composizione.
La proprietà CSS aspect-ratio
I browser includono una proprietà CSS che fa i calcoli per te nel layout. aspect-ratio: 16 / 9; dichiara la forma larghezza-altezza preferita di un elemento. Quando almeno una tra larghezza e altezza è auto, il browser dimensiona il box per rispettare il rapporto; se entrambe sono esplicite, il rapporto viene ignorato. Secondo MDN, la proprietà è disponibile su tutti i principali motori da settembre 2021 e riporta lo stato «Baseline Widely available».
Prima di allora, il trucco standard era il padding hack (Thierry Koblentz, 2009): azzerare l'altezza del contenitore e impostare padding-bottom: 56.25%, che è 9 ÷ 16 × 100. Il padding percentuale è calcolato rispetto alla larghezza del genitore, così il box risulta alto 9 unità per ogni 16 unità di larghezza. L'equivalente moderno per un embed di YouTube responsive è una sola riga:
<iframe src="…" style="width:100%; aspect-ratio: 16 / 9; border:0;"></iframe>Impostare aspect-ratio su un tag <img> riserva anche lo spazio di layout prima che l'immagine si carichi, il che è uno dei miglioramenti più economici che puoi apportare al Cumulative Layout Shift, un Core Web Vital che influisce sul posizionamento nei motori di ricerca.
Errori comuni
- Allungare invece di ritagliare o applicare il letterbox. Ridimensionare ogni asse in modo indipendente distorce i volti e trasforma i cerchi in ovali. La regola: non ridimensionare mai larghezza e altezza con fattori diversi.
- Fidarsi dell'etichetta di marketing. I monitor «21:9» sono tecnicamente 64:27 (≈ 2,37:1). I pannelli dei laptop «1366×768» sono quasi 16:9 (1366÷768 = 1,7786 contro 16÷9 = 1,7778) ma il rapporto semplificato è in realtà 683:384, motivo per cui il video 1080p a volte viene ridotto in modo leggermente imperfetto. «4K» può significare o 3840×2160 (UHD, 16:9) o 4096×2160 (DCI cinema, ≈ 1,90:1) a seconda del contesto.
- Ritagliare di nuovo senza ricentrare i soggetti. Un ritratto 1:1 composto perfettamente al centro perderà testa e piedi quando viene ritagliato a 9:16; un verticale 9:16 perderà mani e oggetti di scena quando viene ritagliato a 1:1. I designer girano con un'«area sicura» (all'incirca l'80% centrale) che sopravvive a ogni ritaglio comune.
- Confondere il rapporto d'aspetto con la densità di pixel. 1920×1080 e 3840×2160 condividono un rapporto d'aspetto ma producono una nitidezza molto diversa sullo stesso schermo fisico.
- Griglia contro feed su Instagram. Un post 4:5 viene mostrato ad altezza piena nel feed ma è ritagliato al centro a 1:1 nella griglia del tuo profilo, quindi qualsiasi cosa importante (volti, titoli, logo) deve sopravvivere al ritaglio quadrato.
- Confondere il 16:9 con la sezione aurea. Phi (≈ 1,618) sta tra 3:2 (1,5) e 16:10 (1,6). I veri rettangoli aurei assomigliano più a una carta di credito che a una TV.
Altre domande
1,91:1 è uguale a 16:9?
No. Il 16:9 è 1,778, mentre 1,91:1 è 1,910. A prima vista sembrano simili, ma le schede di condivisione Open Graph a 1200×630 (1,91:1) sono leggermente più larghe dei fotogrammi video 16:9 a 1920×1080. Confondere i due è uno dei motivi più comuni per cui le anteprime di condivisione social vengono ritagliate in modo strano.
Qual è la differenza tra UHD 4K e DCI 4K?
L'UHD 4K è 3840×2160 con un rapporto d'aspetto 16:9 (1,78:1) (è quello che usano i televisori di consumo e la maggior parte dello streaming. Il DCI 4K è 4096×2160 con un rapporto d'aspetto 256:135 (≈ 1,90:1)) che è lo standard di masterizzazione del cinema digitale richiesto da telecamere professionali come RED, ARRI e Blackmagic. I due formati differiscono di 256 pixel orizzontali, circa il 6,7% di area totale in più nel DCI.
Come trovo dimensioni equivalenti per un rapporto d'aspetto diverso?
Scegli un rapporto obiettivo (per esempio 16:9) e una dimensione che vuoi mantenere fissa (per esempio una larghezza di 1080 pixel). L'altra dimensione deriva da una singola moltiplicazione: altezza = 1080 × 9 ÷ 16 = 607,5, arrotondata a 608. Il pannello «Ridimensiona» qui sopra fa questo automaticamente, cambia la nuova larghezza o la nuova altezza e la dimensione corrispondente viene calcolata in tempo reale.
Perché il 16:10 è scomparso dai monitor?
I PC hanno brevemente preferito il 16:10 (1680×1050, 1920×1200) tra circa il 2003 e il 2009. L'industria è passata al 16:9 intorno al 2009-2010 perché i produttori di TV stavano già producendo pannelli LCD 16:9 in volume per gli HDTV, quindi dare ai monitor la stessa forma permetteva a tutti di condividere le stesse linee di fabbrica. Il 16:10 è tornato sui laptop premium (i recenti modelli di MacBook Pro da 14 e 16 pollici, più diversi laptop Windows) perché offre più spazio verticale per il codice e i documenti.
Funziona interamente nel mio browser?
Sì. Il calcolatore è composto da poche righe di JavaScript che calcolano il MCD e la formula di ridimensionamento localmente; nulla viene inviato a un server, non serve alcun account, e funziona offline una volta che la pagina è in cache. Lo stesso vale per ogni altro strumento di Absolutool.