Calcolatore del rapporto d'aspetto
Inserisci una larghezza e un'altezza per ridurle a un rapporto d'aspetto semplificato (come 16:9 o 4:3) e a un rapporto decimale, oppure passa alla modalità di ridimensionamento per trovare l'altezza corrispondente a una nuova larghezza senza allungare o schiacciare l'immagine.
Come funziona questo calcolo
In modalità rapporto, il calcolatore trova il massimo comun divisore (MCD) di larghezza e altezza e divide entrambi per esso, allo stesso modo in cui si semplifica una frazione. 1920 × 1080 hanno un MCD di 120, quindi dividendo entrambi i lati si ottiene 16:9. Il rapporto decimale è semplicemente larghezza ÷ altezza, utile per confrontare rapporti che non si riducono a numeri interi ordinati.
In modalità ridimensionamento, il calcolatore mantiene fissa la relazione originale tra larghezza e altezza e calcola il lato mancante: nuova altezza = altezza originale × (nuova larghezza ÷ larghezza originale). Poiché il rapporto tra larghezza e altezza non cambia mai, l'immagine o il video ridimensionato mantiene le proporzioni originali e non risulta mai allungato o schiacciato.
Entrambe le modalità funzionano con qualsiasi unità coerente — pixel per schermi e immagini, oppure centimetri e pollici per la stampa — purché larghezza e altezza usino la stessa unità.
Esempio svolto
Rapporti d'aspetto comuni
Questi sono i rapporti che incontrerai più spesso per schermi, foto e video:
| Rapporto | Decimale | Uso tipico |
|---|---|---|
| 1:1 | 1.0000 | Quadrato — post Instagram, copertine di album, foto profilo |
| 4:3 | 1.3333 | TV classica, monitor più vecchi, stampe fotografiche standard |
| 3:2 | 1.5000 | Sensori di fotocamere reflex e mirrorless, stampe 4x6 |
| 16:10 | 1.6000 | Alcuni monitor per laptop e desktop |
| 16:9 | 1.7778 | Video HD/4K, TV widescreen, la maggior parte dei monitor moderni |
| 21:9 | 2.3333 | Monitor ultrawide, video cinematografico/anamorfico |
| 9:16 | 0.5625 | Video verticale — storie, reel, shorts |
Perché mantenere lo stesso rapporto d'aspetto durante il ridimensionamento
Se cambi larghezza e altezza in modo indipendente, l'immagine o il video si allunga o si schiaccia — i cerchi diventano ovali e i volti appaiono distorti. Mantenere costante il rapporto larghezza-altezza durante il ridimensionamento (scalando entrambi i lati con lo stesso fattore) preserva esattamente le proporzioni originali, motivo per cui gli strumenti di design e i software di editing video di solito bloccano il rapporto d'aspetto per impostazione predefinita e permettono di trascinare solo una maniglia.
Letterboxing e pillarboxing
- Letterboxing: bande nere aggiunte sopra e sotto il contenuto per adattare un rapporto più largo a uno schermo più alto senza ritaglio o distorsione (ad esempio un film in 21:9 mostrato su una TV 16:9).
- Pillarboxing: bande nere aggiunte a sinistra e a destra per adattare un rapporto più alto a uno schermo più largo (ad esempio vecchie riprese in 4:3 mostrate su un display 16:9).
- Ritaglio: invece di aggiungere bande, alcuni lettori tagliano i bordi del contenuto per riempire lo schermo — questo evita le bande ma perde parte dell'inquadratura originale.
- Allungamento (sconsigliato): forzare il contenuto a riempire lo schermo senza preservarne il rapporto distorce ogni forma nell'immagine.
Usare i rapporti in CSS e negli strumenti di design
Il CSS moderno supporta una proprietà aspect-ratio (ad esempio aspect-ratio: 16 / 9) che mantiene fisse le proporzioni di un elemento quando il suo contenitore viene ridimensionato, utile per incorporamenti video responsive e segnaposto di immagini che non devono causare spostamenti di layout durante il caricamento. Strumenti di design come Figma e Photoshop permettono anche di bloccare un rapporto quando si disegna o si ridimensiona un frame, usando la stessa relazione larghezza-altezza calcolata da questo strumento.