Résolution d'écran, orientation et dimensionnement de la mise en page

Adaptez les designs easyCMS à vos écrans : paysage, portrait et tailles personnalisées pour les murs LED, rotation de la sortie du lecteur, et pourquoi un contenu paraît étiré, rogné ou entouré de bandes noires.

Un contenu étiré, rogné, avec des bandes noires ou de travers vient presque toujours d’un décalage entre la forme du design, la sortie du lecteur et la façon dont l’écran est accroché.

Dans Studio : choisir la forme du design

  1. Vérifiez la taille de l’écran : dans Mes écrans, ouvrez Coordonnées sur l’écran et lisez Taille d’écran sous En ce moment.
  2. Ouvrez le design dans Designs.
  3. Dans le choix Écran au-dessus de l’aperçu, choisissez Paysage, Portrait ou Taille personnalisée….
  4. Pour Taille personnalisée…, saisissez la Largeur et la Hauteur en pixels (64 à 8192) et touchez Utiliser cette taille. À utiliser pour les murs LED.
  5. Enregistrer.

La plupart des modèles se réorganisent d’eux-mêmes en portrait. Pour deux à quatre écrans côte à côte ou empilés, utilisez Nouveau design multi-écrans.

Dans l’éditeur avancé

La résolution d’une mise en page est fixée à sa création : 1920 × 1080 pour le paysage (adapté à la plupart des écrans), 1080 × 1920 pour le portrait, 3840 × 2160 pour la 4K (lisez d’abord la remarque sur la 4K). Une mauvaise forme donne des bandes noires ou un rognage : recréez la mise en page, ne l’étirez pas.

Écrans en portrait : trois choses doivent concorder

  1. L’écran est tourné sur son support.
  2. La sortie du lecteur est pivotée : sous Windows dans le pilote graphique, sur les écrans professionnels souvent dans le menu du téléviseur. Sur Android, c’est un réglage du compte, donc demandez-nous de le changer.
  3. Le design est en portrait.

Attention Faire pivoter seulement le design le comprime en une fine bande. Faire pivoter à la fois le lecteur et l’écran met tout à l’envers.

Si possible, faites la rotation au niveau de l’écran. Certains appareils perdent l’accélération vidéo quand la sortie est pivotée, et la vidéo saccade alors en portrait.

4K sur Android

Sur Android, le texte, les images et le contenu web sont rendus en 1080p puis mis à l’échelle ; seule la vidéo est lue en vraie 4K. easyCMS indique l’écran en 1920 × 1080, ce qui est correct.

Astuce Pour un écran 4K, utilisez un design en 1920 × 1080 avec des fichiers vidéo en 4K, et économisez du stockage sur les images surdimensionnées.

Taille des vidéos

Encodez chaque vidéo à la forme de l’espace qu’elle remplit : 1920 × 1080 pour le plein écran sur un design paysage, en portrait pour un espace en portrait. Le redimensionnement à la volée provoque des saccades : voir Les vidéos ne se lisent pas ou saccadent.

Overscan : bords coupés

Si les bords sont coupés, le téléviseur zoome. Dans ses réglages d’image, activez Just Scan, Screen Fit, 1:1, Full Pixel ou Mode PC (certains écrans demandent que l’entrée soit nommée PC). Ne réduisez pas votre design à la place.

Écrans de tailles différentes

Les écrans de même forme peuvent partager un design : un design en 1920 × 1080 s’adapte proprement à un écran 4K. Les écrans de formes différentes ont besoin chacun de leur propre design. Mettez chaque forme dans son propre groupe (Groupes dans Mes écrans) et diffusez le design correspondant sur chaque groupe. Dans l’éditeur avancé, voir Planifier du contenu.

Dimensionnez le texte pour le cas le plus difficile : un écran de 32” lu à 6 mètres demande un texte bien plus grand qu’un écran de 55” à 2 mètres.

Articles liés : Créer des mises en page, Les vidéos ne se lancent pas ou saccadent, Connecter votre premier écran