Lo strumento
Calcolatore di Proporzioni calcola istantaneamente le proporzioni di qualsiasi immagine, fotogramma video, display o tela di design dalle sue dimensioni in pixel. Inserisci una larghezza e un'altezza per vedere il rapporto semplificato (es. 16:9), l'equivalente decimale, il numero totale di pixel e il valore in megapixel — con un'anteprima scalata in tempo reale della forma.
Cos'è un Rapporto di Proporzioni?
Definisci il rapporto di proporzioni come la relazione proporzionale tra la larghezza e l'altezza di un rettangolo, espressa come due numeri separati da due punti — come 16:9 o 4:3. Chiarisci che descrive la
forma, non la dimensione: uno schermo 1920×1080 e uno schermo 1280×720 hanno entrambi un rapporto di proporzioni di 16:9.
Tratta:
- Come i rapporti vengono semplificati usando il Massimo Comune Divisore (MCD)
- Perché lo stesso rapporto può apparire a infinite risoluzioni
- La differenza tra rapporto di proporzioni e risoluzione
- Orientamento orizzontale vs. verticale e come il rapporto è espresso per ciascuno
Come Usare il Calcolatore di Proporzioni
Guida passo-passo:
- Inserisci la larghezza in pixel della tua immagine o schermo
- Inserisci l'altezza in pixel della tua immagine o schermo
- Il calcolatore mostra istantaneamente il tuo rapporto di proporzioni semplificato, il valore decimale, i pixel totali e i megapixel
- Oppure clicca su uno dei preset di rapporti comuni (16:9, 4:3, 1:1, 21:9, 9:16, 3:2) per caricare le dimensioni standard
- La casella di anteprima visiva si scala per riflettere la forma del tuo rapporto in tempo reale
Comprendere i Risultati del Calcolatore
Spiega ogni metrica di output:
| Output |
Cosa Significa |
| Rapporto di Proporzioni |
Rapporto semplificato larghezza-altezza (es. 16:9) |
| Decimale |
Larghezza divisa per altezza (es. 1,78 per 16:9) |
| Pixel Totali |
Larghezza × Altezza — il conteggio grezzo dei pixel |
| Megapixel |
Pixel totali ÷ 1.000.000 — usato nelle specifiche delle fotocamere |
| Anteprima |
Rappresentazione visiva scalata della forma |
Rapporti di Proporzioni Comuni Spiegati
Copri ogni preset nello strumento con una spiegazione dedicata:
**16:9 — Standard Widescreen** Lo standard universale per video HD e 4K, YouTube, trasmissioni TV, schermi di laptop e la maggior parte dei monitor desktop. Le risoluzioni includono 1280×720, 1920×1080, 2560×1440 e 3840×2160.
**4:3 — Formato Schermo Classico** Lo standard per televisori più vecchi, i primi monitor di computer e la fotografia. Ancora utilizzato in alcuni software di presentazione e display di tablet. Risoluzioni comuni: 1024×768, 1600×1200.
**1:1 — Formato Quadrato** Reso popolare da Instagram, utilizzato per foto profilo, miniature dei social media e alcune composizioni artistiche. Larghezza e altezza uguali a qualsiasi risoluzione.
**21:9 — Ultrawide / Cinematografico** Utilizzato in monitor ultrawide e nel cinema. Fornisce un campo visivo immersivo per il gaming e i film. Comune a 2560×1080 e 3440×1440.
**9:16 — Verticale / Ritratto** Lo standard per video mobili, Instagram Reels, TikTok e YouTube Shorts. L'esatto inverso del 16:9 ruotato in verticale.
**3:2 — Standard Fotografico** Il rapporto d'aspetto nativo della maggior parte delle fotocamere DSLR e mirrorless, basato sul formato pellicola da 35mm. Utilizzato anche da alcuni laptop (Microsoft Surface).
Rapporto d'aspetto nella produzione video
- Requisiti specifici della piattaforma (YouTube 16:9, TikTok 9:16, Instagram 1:1 o 4:5)
- Perché l'esportazione con il rapporto sbagliato causa barre nere (letterboxing/pillarboxing)
- Come calcolare le dimensioni di ritaglio corrette prima del montaggio
- Zone sicure e considerazioni sull'inquadratura per diversi rapporti
- 4K, 2K, 1080p e 720p condividono tutti lo stesso rapporto 16:9
Rapporto d'aspetto in fotografia
- Come i sensori della fotocamera determinano il rapporto d'aspetto nativo (3:2 per full-frame, 4:3 per Micro Quattro Terzi)
- Ritagliare le foto per adattarle a diverse dimensioni di stampa o piattaforme social
- Come i megapixel si relazionano al rapporto d'aspetto durante l'esportazione o la stampa
- Dimensioni di stampa standard e i loro rapporti: 4×6 (3:2), 5×7 (7:5), 8×10 (4:5)
Rapporto d'aspetto per il Web e la progettazione grafica
- Progettare immagini responsive che mantengano il rapporto su tutti i dispositivi
- Proprietà CSS
aspect-ratio e quando usarla
- Immagini hero, banner e immagini di condivisione social OG (Open Graph) — rapporti standard per ciascuna
- Figma, Adobe XD e Photoshop — impostazione di tele con proporzioni corrette
- Dimensioni delle favicon e griglie delle icone delle app (tutte 1:1)
Proporzioni per display e schermi
Copri il panorama dei formati di schermo:
| Tipo di dispositivo |
Rapporto comune |
Esempio di risoluzione |
| Monitor desktop |
16:9 |
1920×1080 |
| Monitor Ultrawide |
21:9 |
3440×1440 |
| Display MacBook |
16:10 |
2560×1600 |
| iPad |
4:3 |
2048×1536 |
| iPhone |
19.5:9 |
2532×1170 |
| TikTok / Reels |
9:16 |
1080×1920 |
Come calcolare manualmente le proporzioni
Illustra il metodo GCD con un esempio concreto:
- Risoluzione: 1920 × 1080
- MCD di 1920 e 1080 = 120
- 1920 ÷ 120 = 16, 1080 ÷ 120 = 9
- Risultato: 16:9
Mostra anche il metodo decimale: 1920 ÷ 1080 =
1.78, che è la forma decimale di 16:9.
Proporzioni vs. Risoluzione — Qual è la differenza?
Un comune punto di confusione. Chiarisci:
- Risoluzione = il conteggio esatto dei pixel (1920×1080 è una risoluzione specifica)
- Proporzioni = la proporzionalità della forma (16:9 è condivisa da decine di risoluzioni)
- Risoluzione più alta con lo stesso rapporto = più pixel, stessa forma
- Cambiare la risoluzione senza mantenere il rapporto distorce l'immagine