Le format d'image ne convient pas
Un logo étiré, une image entourée de bandes noires ou un contenu qui arrive couché sur le côté. Trois causes typiques.
1. L’écran est en portrait, le contenu en paysage
L’écran est accroché à la verticale, mais le modèle, l’image ou la vidéo a été conçu pour un écran en paysage. Le contenu ne rentre pas.
Solution : choisissez un modèle marqué portrait ou compatible avec toutes les orientations. La bibliothèque de modèles indique pour chaque modèle les orientations prises en charge.
Pour les images isolées : envoyez une variante dans la bonne orientation (1080×1920 pour le portrait, 1920×1080 pour le paysage).
2. Décalage entre le format du contenu et la zone
Une vidéo 16:9 dans une zone 4:3 reçoit des bandes noires. Une image carrée dans une zone large est complétée à gauche et à droite avec la couleur de fond.
Solution : adaptez le format de la zone à votre contenu, ou modifiez le réglage d’ajustement de l’élément de contenu :
- Remplir la zone : remplit complètement la zone, en rognant éventuellement
- Ajuster et centrer : affiche le contenu en entier, éventuellement avec des bandes
Les deux ont leur usage : pour un logo, on veut souvent ajuster et centrer (pas de rognage), pour une image d’ambiance souvent remplir la zone (pas d’espace vide).
Une app de données peut porter, en plus de sa mise en page en paysage, une mise en page en portrait ; un écran en portrait affiche alors celle-ci. Si vous faites pivoter un tel écran, publiez à nouveau.
3. L’orientation est mal réglée
Un écran est en portrait mais affiche un contenu en paysage (ou l’inverse), ou le contenu arrive couché sur le côté.
Solution : réglez l’orientation dans gibeon.io même, par écran : Écrans → choisissez l’écran → Orientation. Choisissez Paysage ou Portrait, et réglez Sens de rotation sur Inversé si l’écran est accroché dans l’autre sens. La modification est visible sur l’écran en quelques secondes et il n’est pas nécessaire de publier, sauf pour une app de données avec une mise en page en portrait : dans ce cas, vous publiez à nouveau. Réglez toujours l’orientation dans gibeon.io, pas dans le menu système de l’appareil lui-même, pour qu’une seule couche pivote.
4. Un écran externe fait pivoter l’image une seconde fois
gibeon.io tourne sur un boîtier relié en HDMI à une télé ou un moniteur, et cet écran a son propre réglage portrait ou de rotation ? L’écran peut alors faire pivoter et étirer encore une fois l’image déjà correcte. L’image arrive déformée sur la dalle.
Solution : laissez gibeon.io gérer la rotation (orientation dans gibeon.io, voir ci-dessus) et réglez l’écran externe sur sa source en paysage avec le mode d’image « Just Scan » ou « 1:1 » (pas de surbalayage, ni « Fill » ni « Stretch »). Une couche peut pivoter, pas deux. Vous voulez que les menus de l’écran apparaissent pivotés ? Utilisez alors l’orientation de menu distincte de cet écran et laissez l’orientation de la source en paysage.
Questions fréquentes
Mon contenu 4K est plus flou à l'écran
Ce n’est pas un problème de format d’image mais de résolution. Le lecteur réduit ou agrandit votre contenu à la résolution réelle de l’écran. Ne fournissez du contenu 4K que si l’écran est aussi en 4K. Sinon, la 1080p suffit et garde vos temps d’envoi courts.
Mon modèle a un aspect différent sur un autre écran
Les modèles s’adaptent à la taille de la zone. Un modèle en écran partagé sur un écran 4K et sur un écran 1080p affiche tout le contenu, mais la taille en pixels du texte diffère. C’est le comportement attendu. Utilisez des unités vw dans le CSS personnalisé pour une mise à l’échelle relative.
Merci pour votre retour.