Calcolo del rapporto d’aspetto
Inserisci larghezza e altezza in pixel (o cm, pollici …): il calcolo semplifica il rapporto d’aspetto e mostra il valore decimale e il formato standard più vicino. Aggiungi una nuova larghezza o altezza e ottieni il lato mancante, per ridimensionare senza deformare.
Come si calcola
Come si calcola il rapporto d’aspetto
Il rapporto d’aspetto è larghezza su altezza, divise per il massimo comun divisore (MCD). Esempio 1920 × 1080: l’MCD di 1920 e 1080 è 120. 1920 ÷ 120 = 16 e 1080 ÷ 120 = 9, quindi 16:9. Il valore decimale è 1920 ÷ 1080 = 1,778 : 1.
Trovare il lato mancante
Per ridimensionare un’immagine o un video in proporzione si usa la proporzione (regola del tre): nuova altezza = nuova larghezza × altezza ÷ larghezza. 1920 × 1080 con una nuova larghezza di 1280 dà 1280 × 1080 ÷ 1920 = 720, cioè 1280 × 720 px. Al contrario: nuova larghezza = nuova altezza × larghezza ÷ altezza. Se il risultato non è un numero intero di pixel, il calcolo lo arrotonda e mostra il valore esatto.
Rapporti d’aspetto comuni
- 16:9 – HD e Ultra HD (1280 × 720, 1920 × 1080, 3840 × 2160; ITU-R BT.709 e BT.2020), YouTube, gran parte di monitor e TV.
- 9:16 – lo stesso in verticale: Storie, Reel, Shorts, TikTok.
- 16:10 – molti portatili e monitor da ufficio (1920 × 1200, 2560 × 1600).
- 4:3 – TV classica, tablet, molte compatte; 3:2 – pellicola 35 mm e la maggior parte delle fotocamere a obiettivo intercambiabile.
- 1:1 – quadrato; 21:9 – monitor ultrawide (2560 × 1080); 1,85:1 e 2,39:1 – formati cinematografici.
Il formato standard più vicino si trova con la minima distanza relativa. Così si vede, per esempio, che 1366 × 768 (semplificato 683:384) è in pratica 16:9.
Rapporto d’aspetto in CSS
aspect-ratio: 16 / 9; mantiene le proporzioni di un elemento quando si ridimensiona: utile per video, card e segnaposto delle immagini, così la pagina non salta durante il caricamento. La proprietà è definita nel CSS Box Sizing Module Level 4 ed è supportata da tutti i browser attuali.
Quale strumento per quale domanda?
Questo calcolo risponde alle domande generali sulle proporzioni. La risoluzione del tuo schermo la misura Qual è la risoluzione del mio schermo?; per le proporzioni tra numeri in generale c’è la regola del tre.
Domande frequenti
Come si calcola il rapporto d’aspetto?
Dividi larghezza e altezza per il loro massimo comun divisore. 1920 × 1080: MCD 120, quindi 16:9. 1080 × 1350: MCD 270, quindi 4:5.
Quanto è alta un’immagine 16:9 larga 1280 pixel?
1280 × 9 ÷ 16 = 720 pixel. Altre misure 16:9: 1920 × 1080, 2560 × 1440 e 3840 × 2160.
1366 × 768 è davvero 16:9?
Quasi: si semplifica in 683:384 e il suo valore decimale di 1,779 supera 16:9 (1,778) solo dello 0,05%. Per questo viene venduto come 16:9.
Che rapporto d’aspetto ha un monitor “21:9” da 3440 × 1440?
Si semplifica in 43:18, cioè 2,39 : 1. “21:9” è un’etichetta commerciale; esattamente 21:9 sarebbe 2,33 : 1. 2560 × 1080 è 64:27 (2,37 : 1).
Come imposto un rapporto d’aspetto in CSS?
Usa aspect-ratio: 16 / 9; sull’elemento. Se è impostata solo la larghezza, il browser ne ricava l’altezza.
Funziona anche con cm o pollici?
Sì. Un rapporto non ha unità: basta inserire entrambi i lati nella stessa unità. I decimali come 2,35 × 1 vengono trasformati in numeri interi prima di semplificare (47:20).
Fonti e riferimenti normativi
- MDN Web Docs – aspect-ratio (in inglese)
- W3C – CSS Box Sizing Module Level 4: aspect-ratio (abgerufen 27.09.2026)
- Rec. ITU-R BT.709: ITU-R BT.709 – HDTV, 1920 × 1080, 16:9 (abgerufen 27.09.2026)
- Rec. ITU-R BT.2020: ITU-R BT.2020 – UHDTV, 3840 × 2160 / 7680 × 4320, 16:9 (abgerufen 27.09.2026)
Aggiornato al:
Strumenti correlati
- Dimensioni delle immagini per i social media 2026Dimensioni immagini 2026: Instagram, Facebook, YouTube, LinkedIn, X, Pinterest, Threads. Solo dati ufficiali con fonte. Copia le misure, calcola l’altezza.
- Che risoluzione ha il mio schermo?Scopri la risoluzione del tuo schermo, i pixel fisici, il viewport del browser, il devicePixelRatio, le proporzioni e il breakpoint CSS. In diretta nel browser.
- Ridimensiona le immaginiRidimensiona immagini online in pixel o percentuale, mantieni le proporzioni o ritaglia, con modelli per Instagram e YouTube. Fino a 20 immagini, senza upload.
- Calcolatrice della regola del treRisolvi la regola del tre semplice, diretta o inversa: inserisci a, b e c e ottieni x, il valore unitario e il procedimento passo per passo.
- Abbinare i font – coppie per titoli e testoCoppie di font per titoli e testo con anteprima live, CSS pronto da copiare e disponibilità su Windows, Mac, iPhone e Android – solo font di sistema.
- Verifica e calcolo della cifra di controllo di LuhnVerifica un numero con l’algoritmo di Luhn (modulo 10, ISO/IEC 7812-1) o calcola la cifra di controllo – solo controllo di formato, in locale nel browser.