# Éléments de marque pour apps en marque blanche | Vodlix **Source:** https://vodlix.com/fr/features/branding **Summary:** Logos, favicons, icônes d'app et écrans de démarrage pour vos apps web, mobiles et TV : tailles et limites indiquées, aperçu en direct avant d'enregistrer. **Publisher:** Vodlix --- Chaque logo, icône d'app, écran de démarrage et favicon dont vos apps web, mobiles et TV ont besoin, avec sa taille indiquée et un aperçu sur l'appareil avant d'enregistrer. - **Feature Plan:** 2 - back-end - core-platform ## Éléments de marque : chaque logo et chaque image dont votre plateforme de streaming a besoin Vodlix liste les visuels dont chacune de vos apps a encore besoin, indique chaque taille et chaque limite de fichier, et les prévisualise sur l'appareil avant que vous enregistriez. Votre logo sur le site web et l'app mobile : un ordinateur portable affichant la page d'accueil du streaming et un téléphone affichant l'accueil mobile, tous deux avec la mention « YOUR LOGO HERE » dans l'en-tête, à côté du compositeur d'icônes « Branding des apps » qui ajoute une couleur d'arrière-plan à votre logo pour créer l'icône d'app de 1024 × 1024 ### Personne ne vous dit combien de logos il vous faut Lancer un service de streaming semble ne demander qu'un logo. En réalité, il faut quelques dizaines de fichiers. Le site web veut un favicon et un logo d'en-tête, iOS une icône d'app de 1024×1024, Android une icône adaptative et une icône de notification, Fire TV une vignette de lancement de 1280×720, Roku une icône de focus en 4:3 et Apple TV une icône parallaxe multicouche. Les éléments de marque Vodlix transforment tout cela en checklist. Chaque app a sa propre page qui montre ce qui manque encore sous **Avant de publier**, combien d'éléments facultatifs sont vides, et un pourcentage qui grimpe jusqu'à « prêt » à mesure que vous la complétez. #### Une liste claire Chaque app indique ce qui lui manque encore. #### Tailles et limites Taille, format et poids maximal pour chaque emplacement. #### Voyez d'abord Un aperçu en direct sur l'appareil. Deux emplacements d'importation avec leurs exigences : le favicon en PNG 192 × 192 limité à 25KB, et le logo du site mobile en PNG 420 × 285 limité à 3,9 MB, qui reprend le logo du site web s'il reste vide ### Tailles et limites des éléments indiquées d'emblée Chaque emplacement d'importation indique ses dimensions, son format et son poids maximal avant même d'ouvrir un outil de design. Le favicon fait 192×192 PNG jusqu'à 25KB, le logo du site web 220×65, le logo de l'app mobile 420×285, l'icône de l'app iOS 1024×1024 avec une zone centrale sûre de 942 pixels, et la grande icône LG webOS 130×130. Lorsqu'un store a ses propres règles, l'emplacement y renvoie, et celui de l'icône iOS propose un modèle à télécharger : votre designer travaille ainsi selon les mêmes règles que celles qu'appliquent Apple ou Roku lors de la validation. Les emplacements facultatifs précisent ce qui les remplace s'ils restent vides, comme le logo du site mobile qui reprend le logo du site web, pour que vous sachiez quels fichiers vous pouvez ignorer. L'icône adaptative de l'app Android composée d'un calque d'arrière-plan et d'un calque de premier plan, avec l'icône ronde finale prévisualisée sur l'écran d'accueil d'un téléphone Android avant l'enregistrement ### Prévisualisez chaque élément avant d'enregistrer À côté de chaque app figure un aperçu en direct de l'appareil auquel elle est destinée. Votre icône iOS apparaît sur l'écran d'accueil d'un iPhone, votre icône adaptative Android sur un téléphone Android, votre icône Apple TV dans une rangée d'accueil TV et votre vignette Roku sur l'écran d'accueil Roku, chacune basculant entre la vue d'accueil et l'écran de démarrage, ainsi qu'entre mode clair et mode sombre sur mobile. Les icônes se construisent sous vos yeux à partir d'une couleur ou d'une image d'arrière-plan et de votre logo, avec une option de marge de sécurité pour les visuels qui vont jusqu'au bord. Un logo trop petit, décentré ou rogné par le masque d'icône saute aux yeux ici, plutôt que lors de la validation sur l'App Store. ### Des écrans de démarrage qui se comportent comme vous le souhaitez L'écran de démarrage est la première chose que voit un spectateur : Vodlix vous permet donc de régler son comportement autant que son apparence. Choisissez sa durée d'affichage, d'une demi-seconde à quinze secondes, si votre logo est centré, si une animation se joue sur l'image d'arrière-plan et si Android 12 et versions ultérieures affichent le branding natif en bas. Ajoutez une ligne de texte en bas avec sa propre couleur et sa propre taille, ou importez une vidéo de démarrage MP4 de 10 MB maximum pour Apple TV et Android TV, un écran de démarrage TV fixe étant utilisé en l'absence de vidéo. Un téléviseur affichant l'écran d'accueil de l'app TV avec votre logo dans le coin, à côté de la liste « Branding des apps » du kit de marque et des neuf apps couvertes : Web / PWA, iOS, Android, Android TV, Fire TV, Apple TV, Roku, Samsung Tizen et LG webOS ### Une image de marque cohérente sur chaque écran Le branding part d'un seul kit de marque : votre logo, vos couleurs et votre écran de démarrage par défaut. Chaque app le réutilise jusqu'à ce que vous modifiiez un élément pour cette app ; ainsi, le web, les apps [iOS](/fr/features/ios-app) et [Android](/fr/features/android-app) et les six [apps TV](/fr/features/tv-apps), d'[Apple TV](/fr/features/tvos-apple-tv-app) à [Roku](/fr/features/roku-tv-app) en passant par Samsung Tizen et LG webOS, démarrent de façon cohérente. Quand une app a besoin d'autre chose, modifiez-la directement ou utilisez **Copier depuis une app** pour partir du jeu d'une autre app. Avec les [thèmes et couleurs](/fr/features/themes-colors-changing), c'est le volet pratique d'un service en [marque blanche](/fr/features/white-label) : votre marque, aux bonnes dimensions, sur chaque écran qu'un spectateur peut prendre en main. **Q: De quels éléments de marque une plateforme Vodlix a-t-elle besoin ?** Cela dépend de vos apps. Le site web a besoin d'un favicon et de logos, les apps mobiles d'icônes d'app, d'icônes de notification et d'écrans de démarrage, et chaque plateforme TV a sa propre icône ou vignette. Vodlix liste chaque emplacement par app et signale ceux qui sont obligatoires avant de pouvoir publier cette app. **Q: Comment connaître la bonne taille pour chaque élément de marque ?** Chaque emplacement d'importation indique ses dimensions, son format et sa taille de fichier maximale, par exemple 192×192 PNG jusqu'à 25KB pour le favicon et 1024×1024 PNG pour l'icône de l'app iOS. Les emplacements propres à un store renvoient vers les consignes du store, et l'emplacement de l'icône iOS propose un modèle. **Q: Puis-je prévisualiser un élément de marque avant de l'enregistrer ?** Oui. Chaque app dispose d'un aperçu en direct de son appareil, comme l'écran d'accueil d'un iPhone ou d'un téléphone Android, une rangée d'accueil Apple TV ou l'écran d'accueil Roku, avec les vues accueil et démarrage et, sur mobile, les modes clair et sombre. **Q: Dois-je tout importer séparément pour chaque app ?** Non. Le kit de marque contient votre logo commun, vos couleurs et votre écran de démarrage par défaut, et chaque app le réutilise jusqu'à ce que vous remplaciez un élément pour cette app. « Copier depuis une app » démarre une app à partir du jeu d'une autre. **Q: Quelles apps les éléments de marque Vodlix couvrent-ils ?** Le site web et la PWA, les apps iOS et Android, ainsi que les apps Android TV, Fire TV, Apple TV, Roku, Samsung Tizen et LG webOS, chacune avec sa propre page d'éléments. **Q: Comment savoir quand une app est prête à être publiée ?** Chaque app affiche un pourcentage de préparation et un panneau « Avant de publier » qui liste les éléments obligatoires encore manquants. Une fois tous en place, il passe à « Prêt à publier » et indique combien d'éléments facultatifs restent vides. **Q: Puis-je contrôler le comportement de l'écran de démarrage ?** Oui. Vous définissez la durée minimale d'affichage, de 500 à 15 000 millisecondes, l'affichage ou non du logo central, la lecture ou non d'une animation sur l'arrière-plan, un texte en bas avec sa couleur et sa taille, et le branding natif en bas sur Android 12 et versions ultérieures. Apple TV et Android TV peuvent aussi lire une vidéo de démarrage MP4 de 10 MB maximum. **Q: Quelle différence avec la marque blanche ?** La marque blanche, c'est la promesse que le service est le vôtre et non le nôtre. Les éléments de marque en sont le travail concret : les fichiers précis qui doivent exister, aux bonnes dimensions, pour que ce soit vrai sur chaque écran qu'un spectateur peut voir.