Beeldverhouding-calculator

Wat is een beeldverhoudingscalculator?

Een beeldverhoudingscalculator berekent de verhouding tussen breedte en hoogte van een afbeelding of scherm. Dit is essentieel voor fotografie, video-editing en webdesign om vervorming te voorkomen.

De beeldverhouding wordt uitgedrukt als twee getallen gescheiden door een dubbele punt, zoals 16:9 of 4:3. Het geeft de proportionele relatie aan, niet de werkelijke afmetingen.

Hoe gebruikt u deze tool?

Voer breedte en hoogte in, of selecteer een voorgedefinieerde verhouding. De calculator toont de vereenvoudigde verhouding en berekent de ontbrekende dimensie wanneer u er één invoert.

Gangbare beeldverhoudingen

• 16:9 — standaard voor HD-video, TV's en de meeste monitors. YouTube, Netflix en Blu-ray gebruiken dit formaat.
• 4:3 — het klassieke TV- en computerformaat. Nog steeds gebruikt voor presentaties en iPads.
• 1:1 — vierkant. Instagram-posts (oorspronkelijk), profielfoto's, albumhoezen.
• 9:16 — verticale video voor TikTok, Instagram Reels, YouTube Shorts en Stories.
• 21:9 — ultrabreed bioscoopformaat. Veel moderne actiefilms en gamingmonitoren.

Beeldverhoudingen in webdesign

In CSS behoudt de eigenschap aspect-ratio de proporties voor responsieve elementen. Voordat deze eigenschap bestond, gebruikten ontwikkelaars de padding-bottom-hack (padding-bottom: 56,25% voor 16:9). Moderne CSS maakt het eenvoudig: stel aspect-ratio: 16 / 9 in op elk element. Dit is cruciaal voor het insluiten van video's, het maken van afbeeldingsgalerijen en het ontwerpen van kaartlay-outs die er op alle apparaten consistent uitzien.

Veelgestelde vragen

Wat gebeurt er als ik de verkeerde beeldverhouding gebruik?

De afbeelding wordt vervormd (uitgerekt of samengeperst), of er verschijnen zwarte balken (letterboxing boven/onder, pillarboxing links/rechts). Veel platforms snijden automatisch bij, waardoor delen van uw afbeelding verloren gaan.

Hoe verander ik de beeldverhouding zonder vervorming?

Bijsnijden (crop) — verwijder delen aan de randen. Opvulling — voeg kleur of onscherpte toe aan de randen. Content-aware schaling — AI-tools passen de achtergrond aan terwijl het onderwerp intact blijft.