Mettez votre logo sur vos écrans

Cet article explique comment un logo passe de votre ordinateur à un écran : où vous le téléversez, comment vous choisissez le logo affiché par chaque écran, et lequel l'emporte quand plusieurs sont définis. Si vous cherchez seulement les règles applicables au fichier, elles sont courtes : n'importe quel fichier image, sous les 2 Mo.

Vos logos vivent dans une bibliothèque, pas dans un emplacement unique

LobbyFlight ne propose pas un emplacement de logo par hôtel. Il propose une bibliothèque de logos : autant de logos nommés que vous le souhaitez, dont un marqué comme logo par défaut. Vous la trouvez dans la barre latérale, sous Logos (les propriétaires et les managers voient cette entrée). Chaque logo est une vignette portant son nom, une ligne qui vous indique s'il est utilisé, et les actions pour le renommer, le définir par défaut et le supprimer.

Il existe un second emplacement, plus ancien, où un logo peut se trouver : le logo de l'hôtel que vous téléversez à l'étape 4 de l'assistant de configuration, dans Portal → Setup. Celui-là appartient à l'établissement lui-même et non à la bibliothèque, et il sert de solution de repli pour tout écran auquel aucun logo propre n'a été attribué. Les deux sont décrits ci-dessous, et la section sur l'ordre de priorité explique comment ils s'articulent.

Ce que le fichier doit être

Deux choses seulement sont réellement vérifiées, dans le navigateur puis à nouveau sur le serveur :

Ce doit être une image. Le sélecteur de fichiers accepte tout type d'image, et le contrôle consiste simplement à vérifier que le navigateur annonce le fichier comme une image. PNG, JPG et SVG sont les choix évidents, mais GIF, WebP, AVIF et tout autre format que le navigateur reconnaît comme une image passent également. L'indication sous la zone de téléversement affiche « PNG, JPG, SVG jusqu'à 2 Mo » : c'est une recommandation, pas la règle appliquée par le code.

Il doit peser moins de 2 Mo. C'est une limite stricte. Un fichier de 2 Mo pile ou plus est refusé avant même d'être envoyé.

Rien d'autre n'est examiné. Aucune résolution minimale, aucun contrôle de DPI, aucun rapport d'aspect imposé : vous n'avez donc pas besoin de préparer le fichier à une taille en pixels précise. Il est stocké exactement tel que vous l'avez téléversé — rien n'est converti, recompressé ni aplati.

Ce qui compte, en revanche, c'est le cadre dans lequel le logo doit tenir. Sur un écran de la taille d'un téléviseur, le logo occupe une zone de 120 × 60 pixels dans l'en-tête, réduit proportionnellement pour que rien ne soit rogné ni étiré. En mode adaptatif, ce même cadre se réduit à 60 × 30 pixels sur téléphone et 80 × 40 sur tablette. Un logo à peu près deux fois plus large que haut remplit donc le mieux l'espace, et un logo très détaillé ou comportant de petits caractères restera difficile à lire à cette taille, quelle que soit la taille du fichier.

Téléverser un logo dans la bibliothèque

Ouvrez Logos dans la barre latérale. Si vous n'avez encore rien téléversé, vous verrez l'état vide « Aucun logo » : un clic dessus ouvre la même boîte de dialogue que le bouton.

Cliquez sur Téléverser un logo, en haut à droite. Une boîte de dialogue intitulée Télécharger un Logo s'ouvre.

Cliquez sur la zone en pointillés indiquant Cliquez pour télécharger et choisissez votre fichier. Cette zone ne réagit qu'aux clics ; y faire glisser un fichier ne produit rien. (La seule zone de dépôt du portail est le logo par défaut de l'organisation, plus bas.)

Le fichier est vérifié dès que vous le sélectionnez. S'il passe, un aperçu apparaît et le nom du logo est prérempli à partir du nom de fichier. S'il échoue, vous obtenez la raison à la place : voyez la section de dépannage ci-dessous.

Donnez au logo un nom que vous reconnaîtrez plus tard (« Logo principal », « Réception, version blanche ») et cliquez sur Télécharger. Le bouton reste désactivé tant qu'un fichier et un nom ne sont pas tous deux présents, de sorte que rien n'est enregistré par accident.

Votre premier logo devient automatiquement le logo par défaut. Chaque logo suivant est simplement ajouté à la bibliothèque : il ne remplace rien et n'apparaît sur aucun écran tant que vous ne l'avez pas attribué.

Vérifiez le logo sur le fond où il va atterrir

Un logo invisible sur un tableau sombre paraît parfait sur une page client blanche, et inversement. C'est à cela que sert le sélecteur en haut de la bibliothèque. Il apparaît dès que vous avez au moins un logo et bascule l'aperçu de chaque vignette entre deux fonds :

Sur le tableau affiche votre logo sur le fond presque noir sur lequel tournent les tableaux de vols.

Sur la page client l'affiche sur blanc.

C'est le test pratique pour savoir si un logo a besoin d'un fond transparent ou d'une version avec un contour clair. Regardez les deux avant d'attribuer un logo à un écran.

Choisir le logo qu'affiche un écran

Chaque écran décide pour lui-même. Ouvrez Affichages, ouvrez l'écran voulu, allez dans l'onglet Apparence et repérez la section Logo de l'Écran. Sous Le logo vient de, vous choisissez l'une des trois options, qui s'excluent mutuellement :

Depuis la Bibliothèque de Logos vous laisse choisir l'un de vos logos dans la rangée de vignettes en dessous. Cette option est verrouillée tant que la bibliothèque ne contient pas au moins un logo.

Logo Personnalisé pour cet Écran téléverse un fichier qui n'appartient qu'à cet écran et qui n'entre jamais dans la bibliothèque. Les deux mêmes règles s'appliquent : une image, sous les 2 Mo.

Aucun Logo affiche le nom de l'hôtel sans aucun logo et supprime toutes les solutions de repli décrites ci-dessous.

Un lien Gérer les Logos à côté du titre de section vous mène directement à la bibliothèque. Comme tout le reste dans l'éditeur d'écran, votre choix n'est enregistré que lorsque vous le validez dans la barre d'enregistrement de l'éditeur.

Le logo avec lequel un écran finit

Lorsqu'un écran demande sa configuration, le logo est résolu dans cet ordre, et la première correspondance l'emporte :

Un logo personnalisé téléversé pour cet écran.

Le logo de la bibliothèque sélectionné pour cet écran.

Le logo de marque effectif : le logo d'hôtel propre à votre établissement s'il en a un, sinon le logo par défaut de l'organisation.

Le logo par défaut de la bibliothèque.

Deux éléments passent outre. Si l'écran est réglé sur Aucun Logo, la chaîne s'arrête aussitôt et aucune solution de repli n'est utilisée. Et si votre organisation a activé Verrouiller la marque, les choix des étapes 1 et 2 au niveau de l'écran sont entièrement ignorés et le logo de l'organisation est utilisé à la place.

Si un écran affiche un logo auquel vous ne vous attendiez pas, parcourez cette liste : c'est presque toujours l'étape 3 ou 4 qui prend discrètement le relais pour un écran auquel aucun logo propre n'a jamais été attribué.

La marque à l'échelle de l'organisation

Si vous exploitez plusieurs établissements, ouvrez Organisation → Marque. Le Logo par défaut qui s'y trouve s'applique à chaque établissement n'ayant pas défini le sien — c'est la seule zone de téléversement du portail qui accepte le glisser-déposer en plus du clic. L'interrupteur Verrouiller la marque fait gagner la marque de l'organisation partout : la marque de l'établissement passe en lecture seule et les logos définis écran par écran sont ignorés.

Renommer, promouvoir et supprimer des logos

Les actions se trouvent en permanence dans le pied de chaque vignette : rien à survoler. L'étoile définit un logo par défaut, le crayon transforme le nom en champ modifiable, et la corbeille le supprime. La ligne au-dessus vous indique l'état de ce logo : s'il est celui par défaut, et soit « sur N écrans », soit « non utilisé ».

La suppression demande d'abord confirmation, et la question change selon que le logo est en service ou non. Pour un logo inutilisé, elle demande simplement s'il faut le supprimer, en le nommant. Pour un logo utilisé, elle indique le nombre d'écrans concernés et vous prévient qu'ils reviendront au logo de l'hôtel — et c'est exactement ce qui se passe : la référence est effacée de chacun de ces écrans, qui résolvent à nouveau leur logo à partir de l'étape 3 de la chaîne ci-dessus.

Deux autres conséquences méritent d'être connues. La suppression retire l'image stockée en plus de l'entrée en base de données : elle est donc irréversible, il vous faudrait téléverser le fichier à nouveau. Et si vous supprimez le logo marqué par défaut, l'un des logos restants est promu par défaut automatiquement, de sorte que la bibliothèque ne se retrouve jamais sans.

En combien de temps un changement atteint l'écran

Les écrans récupèrent leur configuration toutes les 20 secondes, d'eux-mêmes. Personne n'a besoin de se déplacer jusqu'à l'écran, d'appuyer sur une touche ou de vider un cache de navigateur : vous attribuez un logo, vous enregistrez, et en une demi-minute environ l'écran le reprend.

Les données de vols suivent un rythme distinct, qui dépend de votre formule : toutes les heures en Basic, toutes les 30 minutes en Pro, toutes les 5 minutes en Premium. Cette cadence n'a aucune incidence sur la vitesse d'apparition d'un changement de logo.

Le voir avant de descendre dans le hall

L'aperçu se trouve auprès de l'écran auquel il appartient : Affichages → ouvrez l'écran → Aperçu & URL. Vous y trouvez un aperçu en direct de cet écran, l'URL de l'écran à copier ou à Ouvrir dans un Nouvel Onglet, et un code QR encodant l'URL de cet écran, que vous pouvez télécharger en SVG. Le scanner avec un téléphone est le moyen le plus rapide de voir l'en-tête, et donc le logo, sur un vrai appareil.

Une réserve : un écran inactif n'affiche pas d'aperçu en direct. L'onglet vous le dit — « Activez l'écran pour accéder à l'aperçu » — car les écrans inactifs ne font délibérément aucun appel à l'API, ce qui préserve votre quota.

Quand le téléversement est refusé

« Veuillez sélectionner un fichier image » signifie que le navigateur n'a pas identifié votre fichier comme une image. Cela arrive surtout avec des PDF, des fichiers EPS ou des documents Illustrator et Photoshop. Exportez le visuel en PNG ou en SVG et réessayez.

« La taille du fichier doit être inférieure à 2 Mo » veut dire exactement cela. Pour un logo photographique, enregistrez-le en JPG avec une qualité modérée ; pour un logo en aplats avec peu de couleurs, le PNG ou le SVG sont en général déjà très en dessous de la limite. Comme rien dans le produit ne se soucie des dimensions en pixels, réduire l'image est un très bon moyen de passer sous les 2 Mo.

Si vous voyez un jour la formulation « File must be an image », ce message vient de l'API et non du portail : en usage normal, le fichier est arrêté dans le navigateur avant que la requête ne parte.

Ce que cela coûte

Rien de plus. Le téléversement de logos et les autres options de marque font partie de toutes les formules : Basic, Pro et Premium indifféremment.

Étapes suivantes

Personnaliser les couleurs et utiliser les thèmes — définissez les couleurs primaire et secondaire à côté desquelles votre logo se placera.

L'éditeur d'écran — le reste de l'onglet Apparence et le fonctionnement de la barre d'enregistrement.

Plusieurs établissements — la marque à l'échelle de l'organisation et ce que son verrouillage implique.

Plus d'un écran — donner à chaque écran son propre style sans tout refaire à chaque fois.

Toujours bloqué ?

Écrivez à info@lobbyflight.com ou appelez le +43 650 753 1811. Le support est disponible du lundi au vendredi, de 09h00 à 17h00 CET, et nous répondons sous un jour ouvré.

Mettez votre logo sur vos écrans