Calcolatore Aspect Ratio: Capire i rapporti larghezza-altezza
Padroneggia i rapporti di aspetto per video, immagini e design responsive. Calcola le dimensioni con precisione per qualsiasi schermo.
Il rapporto di aspetto e la relazione proporzionale tra larghezza e altezza. 16:9 e il linguaggio universale degli schermi moderni.
Comprendere i rapporti di aspetto previene gli errori di layout piu comuni: immagini deformate, video con bande nere e container responsive rotti.
Cos'e' il rapporto di aspetto
Un rapporto di aspetto esprime la relazione proporzionale tra larghezza e altezza come due interi separati da due punti. 16:9 significa che per ogni 16 unita di larghezza ci sono 9 unita di altezza.
Tool gratuito Calcolatore Aspect Ratio Calcola le dimensioni e converti tra rapporti di aspetto istantaneamenteRapporti comuni (16:9, 4:3, 9:16, 1:1, 21:9)
16:9 (widescreen) e lo standard per video HD e YouTube. 4:3 e il vecchio standard televisivo. 9:16 e il ritratto mobile per Instagram Stories e TikTok. 1:1 e quadrato per i feed Instagram. 21:9 per cinema.
Calcolare le dimensioni
Per calcolare l'altezza da larghezza e rapporto: altezza = larghezza per (altezza_rapporto / larghezza_rapporto). Per 16:9 a 1280px di larghezza: altezza = 1280 per (9/16) = 720px.
Tool gratuito Convertitore Unità CSS Converti tra px, rem, em, vh, vw e altroProprieta CSS aspect-ratio
La proprieta CSS aspect-ratio impone il dimensionamento proporzionale: aspect-ratio: 16 / 9 fa si che un elemento mantenga un rapporto 16:9 al variare della larghezza.
Immagini e video responsive
Per gli embed video responsive, avvolgi l'iframe in un container con aspect-ratio: 16/9 e imposta width: 100%, height: auto sull'iframe.
Formati social media
Ogni piattaforma ha rapporti preferiti: Facebook feed 1.91:1, Instagram feed 4:5 o 1:1, Instagram Story 9:16, YouTube thumbnail 16:9, TikTok 9:16.
Tool gratuito Convertitore PX in REM Converti valori pixel in unità rem per il design responsive