Beeldverhouding Calculator: Begrijpen van breedte-hoogteverhoudingen
Beheers beeldverhoudingen voor video, afbeeldingen en responsive design. Bereken afmetingen nauwkeurig voor elk scherm.
Beeldverhouding is de proportionele relatie tussen breedte en hoogte. 16:9 is de universele taal van moderne schermen.
Het begrijpen van beeldverhoudingen voorkomt de meest voorkomende lay-outfouten: uitgerekte afbeeldingen, video met zwarte balken en kapotte responsive containers.
Wat is beeldverhouding
Een beeldverhouding drukt de proportionele relatie tussen breedte en hoogte uit als twee gehele getallen gescheiden door een dubbele punt.
Gratis Tool Beeldverhouding Calculator Bereken afmetingen en converteer direct tussen beeldverhoudingenVeelvoorkomende verhoudingen (16:9, 4:3, 9:16, 1:1, 21:9)
16:9 (breedbeeld) is de standaard voor HD-video en YouTube. 4:3 is de oude televisiestandaard. 9:16 is het portretformaat voor mobiel. 1:1 is vierkant. 21:9 voor cinema.
Afmetingen berekenen
Om de hoogte te berekenen uit breedte en verhouding: hoogte = breedte x (verhouding_hoogte / verhouding_breedte). Voor 16:9 bij 1280px breed: hoogte = 1280 x (9/16) = 720px.
Gratis Tool CSS-eenhedenconverter Converteer tussen px, rem, em, vh, vw en meerCSS aspect-ratio eigenschap
De CSS aspect-ratio eigenschap dwingt proportionele afmetingen af: aspect-ratio: 16 / 9 zorgt ervoor dat een element de 16:9 verhouding behoudt wanneer de breedte verandert.
Responsive afbeeldingen en video's
Voor responsive video-embeds, wikkel de iframe in een container met aspect-ratio: 16/9.
Social media formaten
Elk platform heeft voorkeursverhoudingen: Facebook feed 1.91:1, Instagram feed 4:5 of 1:1, Instagram Story 9:16, YouTube thumbnail 16:9.
Gratis Tool PX naar REM Converter Converteer pixelwaarden naar rem-eenheden voor responsief ontwerp