Vai al contenuto principale

Calcolatore del rapporto d’aspetto

Mantieni le proporzioni corrette calcolando automaticamente larghezza o altezza a partire da un rapporto personalizzato o predefinito.

Integra questo widget

Personalizza il risultato, controlla l’anteprima e copia il codice.

Anteprima

Tipo di codice di integrazione

Codice da copiare

Responsive e ridimensionato automaticamente da Bethemesh.

Dimensioni di riferimento

Dimensione di destinazione

Questo strumento ti è stato utile?

Come funziona questo strumento?

Il rapporto d’aspetto descrive la forma di un rettangolo: 16:9 per un video HD, 3:2 per una foto da reflex, 1:1 per un’immagine quadrata. Questo calcolatore trova la larghezza o l’altezza che mantiene esattamente quel rapporto quando cambi uno dei lati, per ridimensionare un’immagine, preparare un’esportazione video o riservare uno spazio in una pagina senza deformare nulla.

Il rapporto di riferimento viene da un formato comune (16:9, 4:3, 3:2, 1:1 o 9:16) oppure da due valori che inserisci in Larghezza di riferimento e Altezza di riferimento. Possono essere i pixel di un’immagine esistente (6000 × 4000) o un rapporto decimale come 2,39 × 1 per il formato cinema.

Inserisci poi la Nuova larghezza e fai clic su Calcola l’altezza, oppure inserisci la Nuova altezza e fai clic su Calcola la larghezza. L’altro lato si ottiene con una proporzione ed è arrotondato al pixel intero più vicino, con un minimo di 1 px.

Il Rapporto semplificato riduce il riferimento ai suoi termini interi più piccoli: 1920 × 1080 dà 16:9, 6000 × 4000 dà 3:2 e 2,39 × 1 dà 239:100. Non viene caricato né trasformato nulla: lo strumento lavora solo con numeri.

Come usare questo strumento

  1. Definisci il rapporto

    Scegli un formato comune o inserisci larghezza e altezza di riferimento.

  2. Inserisci il lato noto

    Indica la nuova larghezza o la nuova altezza, in pixel.

  3. Calcola l’altro lato

    Fai clic su Calcola l’altezza o Calcola la larghezza e leggi le dimensioni proporzionali.

Mantenere il rapporto d’aspetto

Due rettangoli hanno la stessa forma quando i lati sono proporzionali: il lato mancante si ricava con una proporzione.

Altezza da una nuova larghezza

H' = W' × h ÷ w

Usata dal pulsante Calcola l’altezza.

Larghezza da una nuova altezza

W' = H' × w ÷ h

Usata dal pulsante Calcola la larghezza.

Rapporto semplificato

w:h = (w ÷ MCD) : (h ÷ MCD)

Entrambi i lati sono divisi per il massimo comune divisore; un rapporto decimale viene prima moltiplicato per una potenza di 10.

w, h
larghezza e altezza di riferimento
W', H'
nuova larghezza e nuova altezza
MCD
massimo comune divisore di w e h

Casi d’uso

Ridimensionare una foto

Trova l’altezza esatta di una foto 3:2 ridotta a 1200 px di larghezza prima di esportarla.

Preparare un video verticale

Calcola la larghezza di un video 9:16 alto 1920 px per una storia o uno short.

Riservare spazio in una pagina web

Fissa l’altezza di un blocco immagine in CSS per evitare salti del layout durante il caricamento.

Esempi

Foto 6000 × 4000 ridotta a 1200 px di larghezza

H' = 1200 × 4000 ÷ 6000 = 800. La foto mantiene la forma originale; un’altezza di 900 px l’avrebbe stirata in verticale.

Input

Larghezza di riferimento 6000, altezza di riferimento 4000, nuova larghezza 1200

Risultato

Rapporto semplificato 3:2; dimensioni proporzionali 1200 × 800

Formato cinema 2,39:1 in Full HD

1920 ÷ 2,39 = 803,35, arrotondato a 803 px. Il rapporto decimale viene semplificato senza arrotondarlo prima, perciò 239:100 e non 2:1.

Input

Larghezza di riferimento 2,39, altezza di riferimento 1, nuova larghezza 1920

Risultato

Rapporto semplificato 239:100; dimensioni proporzionali 1920 × 803

Consigli e buone pratiche

  • Per partire da un’immagine esistente, inserisci i suoi pixel come riferimento: il rapporto semplificato ti indica il suo formato.
  • Per i video, preferisci misure divisibili per 2 o anche per 8: molti encoder lo richiedono o comprimono meglio così.
  • L’arrotondamento al pixel può spostare il rapporto di una frazione: 803 px invece di 803,35 dà 2,391:1, senza differenze visibili.
  • Se l’immagine deve cambiare forma (da 4:3 a 16:9), il calcolo non basta: ritagliala o aggiungi delle bande con uno strumento dedicato.

Fonti e riferimenti

Domande frequenti

Che cos’è il rapporto d’aspetto?

Il rapporto tra larghezza e altezza, scritto larghezza:altezza. 16:9 significa 16 unità di larghezza per 9 di altezza, qualunque sia la dimensione reale.

Quali formati comuni sono disponibili?

16:9, 4:3, 3:2, 1:1 e 9:16. Per qualsiasi altro rapporto inserisci valori tuoi e l’elenco passa a Personalizzato.

Posso usare un rapporto decimale come 2,39:1?

Sì. Inserisci 2,39 e 1 come riferimento; il rapporto semplificato diventa 239:100 e il calcolo mantiene tutta la precisione fino all’arrotondamento finale.

Perché il risultato è arrotondato?

Un’immagine si misura in pixel interi. Lo strumento arrotonda al pixel più vicino e non scende mai sotto 1 px.

Che differenza c’è tra 16:9 e 1920 × 1080?

1920 × 1080 è una dimensione, 16:9 la sua forma. 1280 × 720 e 3840 × 2160 hanno lo stesso rapporto 16:9 con dimensioni diverse.

Lo strumento modifica un’immagine?

No. Calcola solo numeri; per applicare le misure trovate usa lo strumento per ridimensionare le immagini.

Strumenti correlati

Strumenti simili o complementari a questo.

Strumenti simili

Ridimensiona un’immagine definendo con precisione larghezza e altezza prima del download.

Immagini e graficaIn evidenzaUsa questo strumento

Traccia un riquadro sull’immagine, blocca un rapporto (1:1, 4:5, 16:9…) e scarica la parte ritagliata.

Immagini e graficaIn evidenzaUsa questo strumento
GuidaBuone praticheIntermedio

Immagini responsive: capire srcset e sizes

Scopri come srcset e sizes consentono al browser di scegliere un’immagine adatta alla larghezza di visualizzazione, alla densità di pixel e al contesto responsive.

31 agosto 20264 min
GuidaBuone praticheIntermedio

Ottimizzare le immagini per le prestazioni Web

Costruisci una strategia completa per le immagini Web: dimensioni, formato, compressione, responsive, caricamento, stabilità visiva e misurazione.

31 agosto 20264 min
GuidaConcetti e tecnologiePrincipiante

Quale risoluzione scegliere per un’immagine?

Distingui dimensioni, densità di pixel e DPI per ridimensionare un’immagine per Web o stampa senza perdere nitidezza.

31 agosto 20263 min