Bildförhållande-kalkylator
Beräkna bildförhållanden, ändra storlek proportionellt och få CSS aspect-ratio-värden
16:9
1.7778
Vanliga förhållanden
Proportionell storleksändring
aspect-ratio: 16 / 9;Bildförhållande-kalkylator
Beräkna bildförhållanden, ändra storlek proportionellt och få CSS aspect-ratio-värden
Funktioner
- Beräkna bildförhållandet från valfri bredd och höjd
- Proportionell storleksändring — ange en ny bredd eller höjd för att automatiskt beräkna den andra
- Förinställningar för vanliga förhållanden (16:9, 4:3, 1:1, 21:9 osv.)
- Visuell förhandsvisning av bildförhållandet
- Utdata för CSS-egenskapen aspect-ratio
- Byt dimensioner med ett klick
- 100 % bearbetning på klientsidan
Så använder du
- Ange bredd och höjd för att beräkna bildförhållandet.
- Eller klicka på en förinställd förhållande-knapp.
- Använd avsnittet Proportionell storleksändring för att hitta nya dimensioner.
- Kopiera CSS aspect-ratio-värdet för dina stilmallar.
Tips och bästa praxis
- Använd 16:9 för standardvideo och presentationer.
- Använd 1:1 för profilbilder på sociala medier och Instagram-inlägg.
- CSS-egenskapen aspect-ratio stöds i alla moderna webbläsare.
Vanliga frågor
Vad är ett bildförhållande?
Ett bildförhållande är det proportionella förhållandet mellan bredd och höjd. Till exempel betyder 16:9 att för varje 16 enheter bredd finns det 9 enheter höjd.
Vilket bildförhållande är bäst för video?
16:9 är standarden för HD-video och de flesta skärmar. 21:9 används för ultrabrett/biografiskt innehåll. 9:16 är standard för vertikal/mobil video.
Hur fungerar proportionell storleksändring?
Ange antingen en ny bredd eller en ny höjd, så beräknar kalkylatorn den andra dimensionen för att behålla samma bildförhållande — utan sträckning eller förvrängning.