Aller au contenu

Beeldverhouding klopt niet

Ce contenu n’est pas encore disponible dans votre langue.

Een uitgerekt logo, een afbeelding met zwarte balken eromheen, of content die op zijn kant gedraaid op het scherm landt. Drie typische oorzaken.

1. Scherm hangt portrait, content is landscape

Het scherm hangt rechtop maar de template, afbeelding of video is gemaakt voor een landscape-scherm. De content past niet.

Oplossing: kies een template gemarkeerd als portrait of beide. In de templates-bibliotheek staat per template welke oriëntaties ondersteund zijn.

Voor losse afbeeldingen: upload een variant in de juiste oriëntatie (1080×1920 voor portrait, 1920×1080 voor landscape).

2. Mismatch tussen content-formaat en zone

Een 16:9-video in een 4:3-zone krijgt zwarte balken. Een vierkante afbeelding in een brede zone wordt links en rechts opgevuld met achtergrondkleur.

Oplossing: stem de zone-verhouding af op je content, of verander de fit-instelling van het content-item:

  • Scale to fill: vult de zone volledig, kropt eventueel
  • Fit and center: toont volledige content, eventueel met balken

Beide hebben een use-case: voor een logo wil je vaak fit and center (geen kropping), voor een sfeerbeeld vaak scale to fill (geen lege ruimte).

3. Oriëntatie staat verkeerd ingesteld

Een scherm hangt staand maar toont liggende content (of omgekeerd), of de content landt op zijn kant.

Oplossing: zet de oriëntatie in gibeon.io zelf, per scherm: Schermen → kies het scherm → Oriëntatie. Kies liggend, staand, of staand omgekeerd als het scherm de andere kant op hangt. De wijziging is binnen enkele seconden op het scherm zichtbaar, publiceren is niet nodig. Stel de oriëntatie altijd in gibeon.io in, niet in het systeemmenu van het toestel zelf, dan blijft er maar één laag die draait.

4. Een extern scherm draait het beeld een tweede keer

Draait gibeon.io op een box die via HDMI op een TV of monitor hangt, en heeft dat scherm zijn eigen portrait- of rotatie-stand? Dan kan het scherm het al-correcte beeld nóg een keer draaien en uitrekken. Het beeld komt vervormd op het paneel.

Oplossing: laat gibeon.io de rotatie doen (oriëntatie in gibeon.io, zie hierboven) en zet het externe scherm op zijn liggende bron met beeldmodus “Just Scan” of “1:1” (geen overscan, geen “Fill” of “Stretch”). Eén laag mag draaien, niet twee. Wil je de menu’s van het scherm wél gedraaid zien? Gebruik dan de aparte menu-oriëntatie van dat scherm en laat de bron-oriëntatie op liggend.

Veelvoorkomende vragen

Mijn 4K-content wordt vager op het scherm

Dat is geen beeldverhouding-probleem maar een resolutie-probleem. De speler verkleint of vergroot je content naar de werkelijke schermresolutie. Lever 4K-content alleen als het scherm ook 4K is. Anders volstaat 1080p en houd je upload-tijd kort.

Mijn template ziet er anders uit op een ander scherm

Templates schalen op basis van de zone-grootte. Een split-screen-template op een 4K-scherm en op een 1080p-scherm tonen beide alle content, maar de pixel-grootte van de tekst verschilt. Dat is verwacht gedrag. Gebruik vw-units in custom CSS om relatief te schalen.

Volgende stap
Zones en layouts
Was dit nuttig?