La plupart des logos sont conçus pour une surface qui reste immobile. Une enseigne, une carte de visite, le coin d'un site web, une étiquette de produit — chacune donne à la marque tout le temps du monde. La vidéo fait l'inverse. Elle donne à la marque une fraction de seconde, dans une image souvent large de quelques centimètres et souvent en mouvement, puis elle continue. Les logos qui survivent cette transition sont rarement ceux qui paraissent le mieux sur un panneau. Ce sont ceux qui ont été dessinés avec une petite image et un regard bref à l'esprit.
C'est tout le cahier des charges derrière un logo pour vidéo. Ce n'est pas une version plus petite de la marque principale, et ce n'est pas la marque principale avec une animation ajoutée ensuite. C'est un dessin frère construit pour les conditions que la vidéo impose, et le réussir prend environ une heure si vous savez quelles décisions comptent. Voici ce que sont ces décisions.
Pourquoi la marque principale échoue généralement à la vidéo
Commencez par l'arithmétique, car elle explique presque chaque échec. Une marque qui fonctionne sur un en-tête de site de 300 pixels se voit demander de tenir dans une image dont la largeur entière peut être de 1080 pixels, mais où la marque occupe peut-être un cinquième de cela. Puis elle est compressée, visionnée sur un téléphone en plein jour, et défilée. Chaque élément qui dépendait d'un fin détail a disparu.
Trois choses précises se brisent, dans cet ordre.
Les traits fins disparaissent d'abord. Une ligne capillaire ou un serif délicat qui se lit comme élégant aux grandes tailles devient une tache grise faible à l'échelle vidéo, et la compression l'adoucit davantage. La marque garde sa forme générale et perd son caractère, ce qui est sans doute pire que de le perdre entièrement.
Les sous-éléments détaillés viennent ensuite. Un blason avec une douzaine de lignes internes, un nom avec un et commercial finement dessiné, une icône avec une texture interne — tous survivent comme un bruit vague. Les encodeurs vidéo sont construits pour jeter exactement le genre d'information dont ces détails sont faits.
Le nom cesse d'être lisible en dernier, et c'est celui-ci que les gens contestent. En dessous d'une certaine taille, les lettres cessent d'être des lettres. Elles deviennent rythme et texture, ce qui signifie qu'un spectateur ne peut plus lire votre nom sur l'image — seulement reconnaître qu'il y avait du texte. Si la reconnaissance est le travail, le nom accomplit moins de travail qu'il ne coûte en espace.
Il y a une raison mécanique à ce que la compression frappe ces détails le plus fort. Les codecs vidéo allouent des bits à ce qui change entre les images, et un fin détail statique est coûteux à préserver sur toute une seconde de séquence. Les conséquences pratiques sont documentées dans le guide de MDN sur les codecs vidéo, qu'il vaut la peine de parcourir avant de décider combien de détail une petite marque peut porter.
La règle qui évite le plus de reprises : construisez la petite image d'abord
L'instinct est de concevoir la plus grande version et de réduire, car une grande toile montre plus de détail et semble offrir plus de place. C'est le mauvais sens pour la vidéo, et cela coûte un après-midi à chaque fois.
Concevez le plus petit emplacement que vous expédierez jamais, puis agrandissez. Cette surface est généralement l'avatar — un recadrage circulaire, affiché sur une fraction de la largeur d'écran, à côté d'un nom dans un fil de commentaires. Si la marque tient là, elle tient à chaque taille plus grande, car chaque autre emplacement est le même dessin avec plus de pixels. Si elle échoue là, vous l'avez appris en une heure au lieu d'après avoir construit et exporté une animation complète qui s'avère illisible là où cela compte le plus.
Traduction pratique : placez la marque à l'intérieur du cercle inscrit dans un carré, gardez-la dans environ les soixante-dix pour cent centraux, et vérifiez-la à la taille d'affichage réelle sur un vrai téléphone. Pas dans un outil de conception à 400 pour cent, et pas sur un écran d'ordinateur. Ces deux vues sont la raison pour laquelle de bonnes marques sont livrées cassées.
Ce qui change réellement entre les versions statique et vidéo
Une fois que vous acceptez que la version vidéo est une sœur plutôt qu'une copie, les décisions deviennent concrètes. Voici celles qui paient.
Supprimez le slogan. Tout ce qui se lit après le nom — un slogan, une année de fondation, une ville — disparaît dans la version vidéo. Il ne peut être lu dans le temps disponible, et il prend l'espace dont la marque a besoin.
Augmentez l'épaisseur du trait plutôt que de la réduire. La vidéo adoucit les bords par la mise à l'échelle et la compression, donc une ligne qui paraît correcte sur un fichier statique à la même taille paraîtra plus fine à l'écran. Compensez à la source, pas à l'export.
Simplifiez le symbole à une idée. Si la marque principale porte un symbole, un nom et un slogan, la version vidéo garde le symbole. Si le symbole lui-même a une forme primaire et une forme secondaire, la version vidéo garde la primaire.
Choisissez une forme qui survit à un recadrage circulaire. Les compositions horizontales larges perdent leurs extrémités. Les marques avec des éléments épinglés dans les coins perdent ces éléments. Une composition compacte, haute ou diagonale à l'intérieur d'un cercle ne perd rien.
Perdez le fin contour. Les traits fins sont la première chose que la compression retire, et un contour qui disparaît laisse la marque avec un air inachevé plutôt que minimal.
Assez sur les tailles : le logo pour vidéo est généralement vu deux fois
Il existe une surface où tout ce problème est déjà résolu, et qui vaut la peine d'être étudiée plutôt que réinventée. La pratique de marque des diffuseurs a passé des décennies à établir ce qui se passe quand un logo doit survivre à un rétrécissement, un recadrage, une réplication à travers des dizaines de contextes, et une présentation contre des fonds arbitraires. Les conventions qui en sont sorties sont explicites, et l'une d'elles est directement pertinente : une marque doit arriver proprement plutôt que décorée.
YouTube publie ses propres recommandations d'art de chaîne et d'avatar pour à peu près la même raison, et il est exceptionnellement précis sur les tailles et les zones de sécurité. La version courte tirée de la documentation sur la marque de chaîne de YouTube est qu'un avatar est affiché en 98 par 98 pixels et que une décoration supplémentaire — bordures, ombres, cadres — n'est pas recommandée. Une marque qui a besoin d'une bordure pour fonctionner à la vidéo ne fonctionne pas à la vidéo.
Pour les proportions d'image, la même source donne les chiffres de travail : les recommandations de YouTube sur le ratio d'aspect et la résolution établissent le vertical 9:16, le carré 1:1 et le grand écran 16:9 comme les formes qui comptent, et recommandent 1080 par 1920 pour le vertical. C'est l'ensemble d'exports dont un logo vidéo a réellement besoin : trois rendus d'un seul dessin, plus une image fixe pour les avatars et vignettes.
Remarquez qu'aucune de ces sources ne décrit un seul fichier maître. Chaque plateforme attend un ensemble, dimensionné différemment pour chaque emplacement, et traite tout le reste comme un compromis. Construire cet ensemble délibérément fait la différence entre une marque qui paraît juste partout et une marque qui paraît à peu près juste partout.
Le mouvement change ce que le dessin doit faire
Une marque statique a un travail : être reconnue. Une marque vidéo en a deux — être reconnue, et accomplir une action dans un budget de temps. Ce second travail est ce qui fait d'un logo pour vidéo un problème de conception différent plutôt qu'un plus petit.
L'action est courte. Une entrée, une pause, une sortie. Moins d'une seconde pour l'arrivée est la cible de travail, car un spectateur qui défile dans un flux décide déjà s'il continue avant que la marque n'ait fini d'apparaître.
Trois conséquences de conception s'ensuivent.
Le dessin doit se lire comme achevé au moment où il arrive, pas à mi-parcours. Si la marque est construite à partir de pièces qui s'assemblent — lettres qui arrivent en volant, un symbole qui tourne en place — le spectateur ne voit la marque complète que pour la fraction finale de la séquence. Les états intermédiaires doivent être reconnaissables, sinon l'animation dépense le budget de reconnaissance sur le processus plutôt que sur le résultat.
Les éléments qui bougent ont besoin d'assez de séparation pour s'y déplacer. Une composition serrée ne laisse aucun endroit à une animation pour voyager, donc une entrée doit être un fondu ou une mise à l'échelle à partir de rien — ce qui se lit comme générique. Assouplir légèrement la composition dans la version vidéo crée de la place pour une entrée délibérée.
L'état final doit être une pause propre. Si la séquence se termine sur une image légèrement tournée ou partiellement transparente, cela devient l'image dont le spectateur se souvient. La dernière image doit être la marque, présentée correctement, maintenue assez longtemps pour être perçue.
Il existe un argument bien documenté pour garder tout cela retenu. Les recherches du Nielsen Norman Group sur l'animation dans les interfaces tracent une ligne claire entre le mouvement qui communique un changement d'état et le mouvement qui existe pour lui-même, et constatent que le genre gratuit coûte plus d'attention qu'il n'en rapporte. Une entrée de logo est un changement d'état — le contenu commence — donc elle qualifie. Une entrée de logo avec une rotation, un rebond et une explosion de particules est une décoration, et elle dépense exactement la ressource que l'ouverture était censée acheter.
Une séquence de travail, du début à la fin
Voici l'ordre qui évite les reprises, basé sur la séquence qui cause le moins de problèmes.
Un. Exportez la marque en SVG, ou en PNG transparent à la plus grande résolution disponible. Confirmez la transparence en visualisant le fichier sur un fond sombre plutôt qu'en faisant confiance à la boîte de dialogue d'export. Cette étape déraille plus de projets que toute autre, car un JPEG tiré d'un diaporama transporte un rectangle blanc invisible qui devient criant une fois que le fond n'est pas blanc.
Deux. Construisez le recadrage circulaire de l'avatar d'abord, et vérifiez-le sur un téléphone. C'est la contrainte que le reste de l'ensemble hérite.
Trois. Si le nom a cessé d'être lisible dans ce recadrage, prenez la décision maintenant : supprimez-le de la version vidéo et gardez seulement le symbole. Décider cela après qu'une animation existe signifie reconstruire l'animation.
Quatre. Concevez l'entrée comme une idée d'une seconde, puis exportez les trois ratios à partir d'une source pour que le timing ne dérive pas entre eux.
Cinq. Exportez une image fixe à partir de la pause propre à la fin de la séquence, et gardez-la comme candidate pour l'avatar et la vignette.
Six. Regardez le résultat en sourdine, à la taille du flux, sur un téléphone. Si l'entrée se lit encore comme délibérée sans son, le timing fait son travail. Vous pouvez voir cette séquence en pratique sur une page de <a href="/logo-animation-templates/logo-video-maker">créateur de logo vidéo</a>, ou comparer ce que différentes approches générées produisent sur le même fichier dans notre explication de <a href="/blog/new-video-logo">création d'un nouveau logo vidéo à partir de zéro</a>.
Erreurs qui coûtent le plus de temps
Quatre d'entre elles expliquent la plupart des reprises que les gens rapportent.
Commencer par la plus grande version et réduire. Cela semble efficace et cache les échecs jusqu'au pire moment possible.
Réutiliser l'export web. Un logo exporté pour un en-tête de site est souvent aplati, parfois sur un fond blanc, et rarement à une résolution qui survit à une toile verticale. Réexportez à partir du fichier source.
Traiter l'animation comme la conception. Le mouvement ne peut pas sauver une composition qui ne se lit pas dans une petite image — il ne peut que attirer l'attention sur le problème un peu plus longtemps.
L'erreur opposée existe aussi : passer des semaines sur une version de la marque si minimale qu'elle cesse d'être distinctive. Une marque optimisée entièrement pour un cercle de 40 pixels peut perdre la forme qui la rendait reconnaissable.
FAQ
Puis-je utiliser mon logo existant à la vidéo ?
Généralement, mais pas le fichier existant. Prenez l'illustration source et exportez une version pour la vidéo spécifiquement : traits plus épais, pas de slogan, le symbole priorisé, et transparence confirmée. Le dessin peut être le même ; l'export doit être différent.
Quelle taille un logo doit-il avoir dans une vidéo ?
Il n'y a pas de chiffre unique, car cela dépend de l'emplacement. L'approche viable est de concevoir contre la plus petite surface — l'avatar circulaire — et d'agrandir à partir de là, puis d'exporter les rendus 9:16, 1:1 et 16:9 à partir d'une source pour que les trois s'accordent.
Le logo doit-il apparaître au début ou à la fin d'une vidéo ?
Au début si la marque est la raison pour laquelle le spectateur regarde, ce qui est le cas des contenus de marque et des ouvertures. À la fin si le spectateur est venu pour le contenu et que la marque est une signature. La mettre aux deux endroits est courant et généralement une erreur, à moins que le morceau dure moins de dix secondes et boucle.
Ai-je besoin du nom dans la version vidéo ?
Vérifiez-le à la taille d'affichage avant de décider. Si les lettres ont cessé d'être lisibles, le nom occupe de l'espace sans communiquer un nom — et sur la plupart des plateformes le nom du compte est imprimé en texte juste à côté de la marque de toute façon, ce qui le rend redondant autant que illisible.
Combien de versions d'un logo une chaîne vidéo nécessite-t-elle ?
Quatre fichiers de travail : une image fixe circulaire pour les avatars, une image fixe carrée pour les vignettes et emplacements de flux, une animation verticale, et une animation grand écran. Les quatre proviennent d'un seul dessin, donc le coût est dans la passe d'export plutôt que dans la conception.
En résumé
Prenez votre fichier de logo et ouvrez-le à la taille où il sera réellement vu — un petit cercle sur un téléphone, en plein jour, dans un flux déjà en mouvement. Si vous ne pouvez pas dire ce que c'est, la version vidéo n'existe pas encore, peu importe à quel point la marque principale paraît bonne. Corrigez le dessin avant de toucher à l'animation, car le mouvement multiplie ce que la composition fait déjà : il rend une marque claire plus claire et une marque chargée plus confuse. Le test honnête prend deux minutes, et c'est le seul qui prédit comment le logo performera là où il vivra réellement.