Suivez-nous

Réseaux sociaux

Comment tirer profit de la nouvelle bannière Twitter

Twitter propose depuis peu à ses utilisateurs une nouvelle page de profil, introduisant la bannière (« header »). Voici donc ce qu’il faut savoir pour tirer pleinement profit de cette fonctionnalité.

Il y a

le

Twitter proposait récemment à ses utilisateurs une nouvelle page de profil, introduisant la bannière (« header »). Voici donc ce qu’il faut savoir pour tirer pleinement profit de cette fonctionnalité.

À l’instar de ses concurrents de Palo Alto et de Mountain View, Twitter offre la possibilité à ses utilisateurs de mieux se mettre en avant. Les utilisateurs de Facebook avaient su faire preuve d’imagination au lancement de la Timeline (« Journal ») et de sa fameuse « couverture. » C’est maintenant au tour des twittos de personnaliser davantage leurs profils.

Changer sa bannière

Les utilisateurs pas franchement emballés par l’image d’oeuf proposée par défaut sur le célèbre site de micro-blogging connaissent sans doute déjà les menus de paramétrages « Profil » et « Thème. » C’est ici également qu’il y a la possibilité de changer l’image de fond des profils utilisateurs. Désormais donc, une nouvelle ligne a fait son apparition.

Rendez-vous sur l’icône de roue dentée, en haut à droite, puis dans « Paramètres », et enfin dans le menu « Thème. » On y retrouve quelques thèmes préconçus à appliquer directement, ou bien la possibilité de définir ses propres couleurs et d’uploader les images de son choix à appliquer en fond d’écran ou en tant que bannière (dite « en-tête »).

Une bannière au poil

Le but de ces bannières est, à la base, de se démarquer des autres. Outre choisir simplement une jolie photo, faire concorder de façon originale ou drôle son avatar avec l’image d’en-tête est du plus bel effet.

Pour un rendu optimal, sachez que la bannière affichée sur Twitter mesure 520 pixels de largeur pour 260 pixels de hauteur. L’avatar, lui, est un carré de 73 px de côté. Il se situe à 223 px de la bordure gauche de la bannière et à 24 du haut.

Pour vous faciliter la tâche, voici un fichier .psd (Photoshop) comportant les cadres et les dimensions requises déjà appliquées, au sein duquel il suffit de glisser et redimensionner les images souhaitées. Une fois l’effet voulu en place, quelques « Calque par Copier », duplications dans un nouveau document et autres rognages si besoin, suivis de l’enregistrement (au format JPG, PNG ou GIF) des calques aux bonnes dimensions, vous fourniront 2 fichiers image correspondant à l’image d’en-tête ainsi qu’à l’avatar, qui s’incrustera dans la bannière précisément au bon endroit.

Trouver l’inspiration

Vous avez désormais toutes les clés en main pour créer une jolie bannière Twitter. En panne d’inspiration ? Retrouvez ci-après quelques exemples de headers originaux, relayés par BuzzFeed et Mashable. Et si vraiment cela ne suffisait pas, certains services comme TwitrCovers permettent aux plus difficiles de trouver leur bonheur dans une banque d’images élégantes et aux thèmes divers et variés, affichant les dimensions idéales, à enregistrer comme une image traditionnelle après avoir cliqué sur « Download now. »

(sources : 1, 2, 3)

18 Commentaires

18 Commentaires

  1. JB

    30 septembre 2012 at 19 h 17 min

    Des conseils judicieux. Merci pour ces explications sur la nouvelle bannière Twitter.

  2. Tony

    30 septembre 2012 at 19 h 37 min

    Ces utilisateurs Twitter ont vraiment réussi à tirer le meilleur parti de ce nouvel en-tête. Ca donne de l’inspiration pour faire un fond orignal. Merci pour l’info.

  3. Alex

    30 septembre 2012 at 20 h 29 min

    Bonjour ,tout d’abord bravo pour ce site qui est super bien fournis d’article cohérent et qui nous aide au plus haut point .
    Ensuite merci pour cette article sur les nouvelles bannières twitter, je vais essayer tout de suite….

  4. Olivier

    30 septembre 2012 at 21 h 15 min

    Fait depuis longtemps sur http://twitter.Com/euKlide ….

  5. Jean-François Tronel

    30 septembre 2012 at 22 h 00 min

    Merci pour les explications concernant les spécifications techniques de la nouvelle bannière Twitter et très bonne initiative que ce fichier du header au format .psd !

  6. biz

    30 septembre 2012 at 22 h 45 min

    Une bouffée d’air dans le header de twitter, c’est le moins que l’on puisse dire en tout cas c’est un excellent billet qui permet de mettre en oeuvre rapidement une nouvelle bannière plus design et attirante.

  7. HS

    1 octobre 2012 at 4 h 11 min

    Conseils très intéressants, j’ai modifié mon compte en conséquence et c’est beaucoup mieux qu’avant.

  8. Tuto Word

    1 octobre 2012 at 7 h 51 min

    Salut,
    c’est vraiment génial de changer l’en-tête de votre Twitter, maintenant il faut trouver de belle bannières pour les mettre dans mon Twitter. en tout cas merci pour ce billet.

    Bon Courage.

  9. Bruno TRITSCH

    1 octobre 2012 at 9 h 21 min

    Bonjour,

    C’est très bien tout cela, mais la question que je me pose est quel est l’impact que peut avoir le header d’1 compte Twitter?
    A titre personnel, ce n’est pas le header, en tot cas son graphisme qui va faire que je vais m’abonner ou non à 1 profil.
    Mais peut-être suis-je 1 extra-terrestre, alors j’aimerais bien avoir l’avis d’autres personnes.
    Merci d’avance,

    Bruno

  10. Videobuzzy

    1 octobre 2012 at 16 h 24 min

    hébein merci bien, je me demandais si on pouvait changer ce font, c’est chose faite maintenant @videobuzzy 😉

  11. Michael

    1 octobre 2012 at 18 h 26 min

    J’adore les 2 dernieres, avec l’avatar magnifiquement intégré dans le visuel de fond 🙂

  12. Luc Parris

    2 octobre 2012 at 22 h 58 min

    Merci pour les explications concernant les spécifications techniques de la nouvelle bannière Twitter.

  13. gcaramalli

    9 octobre 2012 at 12 h 08 min

    Et toutes ces idées, aussi cools soient-elles, ne fonctionnent pas sur la version mobiles puisque le BG est plus petit.
    Quand on sait que 1 internaute sur 2 est un mobinaute…

  14. Crack-net

    21 octobre 2012 at 21 h 01 min

    Merci pour les sources d’inspiration. Pour répondre à gcaramalli : « Quand on sait que 1 internaute sur 2 est un mobinaute… » Et bien sur plus de 2 milliards d’internautes si on arrive à en toucher la moitié juste avec une bannière, et bien je prends 😉

  15. Monica Médias

    4 novembre 2012 at 20 h 43 min

    Mercitron !
    Plus simple et design que le service TwitrCovers tu meurs…
    J’ai utilisé l’une des superbes photos avec intégration de l’avatar comme une lettre à la poste, comme un gazouillis dans les arbres.
    Et pour ceux qui se demanderaient à quoi ça sert d’optimiser son header, ce serait comparativement à une carte de visite, faire (très) bonne impression… numérique pour gagner des follow.

  16. Jax

    10 novembre 2012 at 19 h 36 min

    Bonjour. Moi je suis encore novice et j’avoue que je ne comprends pas bien comment on obtient cette nouvelle bannière. Je n’ai pas du tout celle-là ; la mienne est moins large et ressemble à celles que je vois le plus souvent. Comment puis-je l’obtenir s’il vous plaît ? Merci !

    • Kevin

      12 novembre 2012 at 8 h 52 min

      @jax : bonjour. J’ai en tête deux possibilités :
      – passer par la roue dentée en haut à droite de Twitter, puis « Paramètres », « Profil ». Là, une sous-rubrique « En-tête » devrait apparaître, avec la possibilité de charger une image provenant de son ordinateur. Une fois la bannière chargée, valider les modifications en cliquant en bas sur « Sauvegarder les modifications ».
      – si la première solution ne marche pas, je vous invite à passer par les applications mobiles Twitter (iOS, Android ou autres). C’était nécessaire à l’arrivée de cette nouvelle fonctionnalité, ça ne l’est peut-être plus. Dans l’appli, aller sur son profil ou ses réglages, et modifier là encore l’en-tête avec l’image voulue, préalablement placée dans la mémoire du téléphone donc.

  17. Jax

    12 novembre 2012 at 13 h 26 min

    Merci Kevin. La première solution a réglé mon problème. Merci encore !

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Dernières news

Les bons plans

Les tests