Partage

Photos de profil de bonne qualité sur Twitter ?

14 juillet 2016 à 18:42:36

Bonjour,

tout d'abord, je tiens à m'excuser si je ne poste pas dans la bonne section, j'ai essayé de trouver une catégorie plus appropriée mais rien de bien convaincant. Voilà, depuis plusieurs mois, je poste cette question sur des forums quelconques mais je n'ai jamais eu une seule réponse à la hauteur de mes attentes : je me suis donc dit « Pourquoi ne pas poster cette question sur un forum habité par des informaticiens en herbe ? ». ;)

Ma question, en rapport avec le célèbre réseau social Twitter, est la suivante :

Comment certains propriétaires de comptes Twitter font-ils pour poster une photo de profil d'excellente qualité ? (notamment les marques commerciales)

Exemples de photos de profil de bonne qualité (postées je-ne-sais-comment) : Les Décodeurs ; Fanta France ; KIT KAT Espagne
Exemples de photos de profil de basse qualité (postées en cliquant sur « Ajouter une photo de profil ») : McDonald's ; Evian

Je précise à ceux qui ne s'y connaissent pas que ce n'est pas une question de format d'enregistrement ou un truc du genre, ça fait près de 6 ans que je cherche comment mettre une foutue photo de profil en bonne qualité, et j'ai tout testé ! Ça doit être une histoire de codes !

Désolée au par ailleurs si je me suis mal exprimée, c'est assez succinct à décrire. {#emotions_dlg.langue}

Merci beaucoup à ceux qui éclaireront ma chandelle ! :)

Bonne journée,

Nubles --

Vous êtes demandeur d'emploi ?
Sans diplôme post-bac ?

Devenez Développeur web junior

Je postule
Formation
certifiante
Financée
à 100%
Staff 14 juillet 2016 à 19:11:07

Bonjour,

sur Twitter on ne peut pas poster de HTML, tout est géré par l'entreprise Twitter, on n'a aucun contrôle. Si tu veux avoir une image de bonne qualité, il faut que tu en envoies une dans la partie "Editer le profil" (tu peux voir ce bouton quand tu visualises ta "page Twitter"). A noter que l'image finale fait 400 pixels par 400, et qu'elle est peut-être agrandie par Twitter, donc il faut en envoyer une au moins de cette taille-là.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
14 juillet 2016 à 19:29:04

Lamecarlate a écrit:

Bonjour,

sur Twitter on ne peut pas poster de HTML, tout est géré par l'entreprise Twitter, on n'a aucun contrôle. Si tu veux avoir une image de bonne qualité, il faut que tu en envoies une dans la partie "Editer le profil" (tu peux voir ce bouton quand tu visualises ta "page Twitter"). A noter que l'image finale fait 400 pixels par 400, et qu'elle est peut-être agrandie par Twitter, donc il faut en envoyer une au moins de cette taille-là.

Bonjour @Lamecarlate,

à chaque fois, j'en envoie des supérieures à 400 pixels, et ça ne change en rien que la qualité soit dégueulasse. Même si vous ne la connaissez pas, je pense qu'il doit tout de même y avoir une astuce car, comme par hasard, ce sont uniquement certaines marques commerciales qui en ont une de bonne qualité. À noter que le bot BÉOTIEN en a une de bonne qualité, donc il est peu probable que ce soit une faveur de Twitter.

Cordialement.

Anonyme
14 juillet 2016 à 19:47:33

Bonjour,

Les grands groupes que tu as cité ont des équipes design qui leur créé les photos (par exemple, pour n'en citer qu'un, Coca Cola et leur logo). Du coup, ils disposent d'outils très puissant pour concevoir des images de qualité.

Ce que tu upload toi, en règle général, ce sont des images classiques, type .jpg ou .png. Donc tu upload une image en 400x400. Mais celle-ci peut parfois être redimensionner pour afficher des miniatures ou des photos zoomées (c'est le comportement du réseau social qui fait que, quand tu passe ta souris sur le nom d'un ami, sa photo est en quelque sorte redimensionner en une espèce de preview).

Ce que les grands groupes upload comme image sur leur profil sont des images vectorielles : elles ont l'avantage qu'à leur redimensionnement, l'image recalcule les pixels pour pouvoir afficher un ratio potable. Donc si tu essaie de zoomer sur une image vectorielle, tu ne verras pas les crenellages (un genre d'option anti-aliasing, comme pour les jeux mais adaptés pour les photos) parce que l'image recalcule à chaque redimensionnement. Contrairement à une image .png qui ne fait rien du tout, c'est fixe.

C'est pour ça que tu as l'impression que leur image est de "bonne qualité" alors qu'en fait pas du tout. C'est juste qu'ils ont les outils que tu n'as pas (encore).

Mais comme pour les jeux, l'anti-aliasing utilisé dans les images vectorielles rend l'image beaucoup plus lourde. C'est à prendre en considération si le site t'impose une taille de fichier spécifique.

-
Edité par Anonyme 14 juillet 2016 à 19:51:37

Staff 14 juillet 2016 à 20:22:29

AminNairi > tu es sûr de ce que tu avances ? Les images de profil de Twitter ne sont pas vectorielles, et quand j'essaie d'envoyer une nouvelle image, seuls les formats gif, jpg et png (donc du bitmap) sont autorisés.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
14 juillet 2016 à 20:23:10

AminNairi a écrit:

Bonjour,

Les grands groupes que tu as cité ont des équipes design qui leur créé les photos (par exemple, pour n'en citer qu'un, Coca Cola et leur logo). Du coup, ils disposent d'outils très puissant pour concevoir des images de qualité.

Ce que tu upload toi, en règle général, ce sont des images classiques, type .jpg ou .png. Donc tu upload une image en 400x400. Mais celle-ci peut parfois être redimensionner pour afficher des miniatures ou des photos zoomées (c'est le comportement du réseau social qui fait que, quand tu passe ta souris sur le nom d'un ami, sa photo est en quelque sorte redimensionner en une espèce de preview).

Ce que les grands groupes upload comme image sur leur profil sont des images vectorielles : elles ont l'avantage qu'à leur redimensionnement, l'image recalcule les pixels pour pouvoir afficher un ratio potable. Donc si tu essaie de zoomer sur une image vectorielle, tu ne verras pas les crenellages (un genre d'option anti-aliasing, comme pour les jeux mais adaptés pour les photos) parce que l'image recalcule à chaque redimensionnement. Contrairement à une image .png qui ne fait rien du tout, c'est fixe.

C'est pour ça que tu as l'impression que leur image est de "bonne qualité" alors qu'en fait pas du tout. C'est juste qu'ils ont les outils que tu n'as pas (encore).

Mais comme pour les jeux, l'anti-aliasing utilisé dans les images vectorielles rend l'image beaucoup plus lourde. C'est à prendre en considération si le site t'impose une taille de fichier spécifique.

-
Edité par AminNairi il y a 4 minutes

Bonsoir @AminNairi,

Il faut savoir que Twitter n'accepte pas les fichiers pesant au-delà de 100 Ko pour les photos de profil (je ne sais pas exactement à combien cela équivaut).

Par contre, ce que je ne comprends pas, c'est que vous me dites « Contrairement à une image .png qui ne fait rien du tout, c'est fixe. » alors que les images des comptes classés dans « bonne qualité » sont elles-mêmes enregistrées en .png.

Cordialement.

-
Edité par Nubles 14 juillet 2016 à 20:26:59

Anonyme
14 juillet 2016 à 21:35:20

Lamecarlate a écrit:

AminNairi > tu es sûr de ce que tu avances ? Les images de profil de Twitter ne sont pas vectorielles, et quand j'essaie d'envoyer une nouvelle image, seuls les formats gif, jpg et png (donc du bitmap) sont autorisés.

Étant donné que je n'utilise pas Twitter activement, j'avance une théorie (c'est donc à prendre avec des pincettes). Mais j'aurais logiquement utilisé une image vectorielle. Peut être qu'il existe un autre procédé ?

Nubles a écrit:

Par contre, ce que je ne comprends pas, c'est que vous me dites « Contrairement à une image .png qui ne fait rien du tout, c'est fixe. » alors que les images des comptes classés dans « bonne qualité » sont elles-mêmes enregistrées en .png.

Et bien, une image .png ne sera pas recalculée lors de redimensionnement (contrairement à une image vectorielle). Quelle que soit la qualité. Bonne ou mauvaise. Tu arriveras toujours à voir le crenellage, même sur une image que tu enregistre en qualité 100% sur Gimp.
14 juillet 2016 à 21:42:48

@AminNairi : Ben alors votre théorie est fausse puisque leurs images sont enregistrées en .png !

Et leurs dimensions sont de 400/400px. C'est pour ça que ça me paraît bizarre !

Anonyme
14 juillet 2016 à 21:49:12

  • Les photos et les GIF animés peuvent peser 5 Mo au maximum. Y'a de quoi faire une belle photo non ? ^^ 
  • Twitter's Guideline.

-
Edité par Anonyme 14 juillet 2016 à 21:50:13

Staff 14 juillet 2016 à 21:53:07

Ce que les grands groupes upload comme image sur leur profil sont des images vectorielles

Étant donné que je n'utilise pas Twitter activement, j'avance une théorie

Vu ta formulation, c'était une affirmation et non une théorie. Attention à comment tu dis les choses :)

Et moi, j'affirme également - ayant testé le changement d'image au moment de poster - que ce n'est pas du vectoriel, et qu'on ne peut pas utiliser du vectoriel pour une image de profil Twitter.

Je ne sais pas comment font ces grands groupes pour avoir des images parfaites, par contre... Je viens de tester avec diverses images, le rendu me paraît bon si l'on en prend une de taille respectable.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
Anonyme
14 juillet 2016 à 22:02:21

En cherchant un peu (je n'imaginais pas que cette question aurait été si mystérieuse) j'ai trouvé un article qui parle de comment avoir la meilleure qualité d'image possible sur Twitter (en anglais).

Pour faire le résumé en français : il faudrait au pire utiliser les recommandations faites par Twitter en terme de taille maximum. Et doubler les recommandations à l'air d'avoir un effet positif sur la qualité. Il utilise du 3000 par 1500 pour sa photo de couverture (on dit ça comme ça ?).

-
Edité par Anonyme 14 juillet 2016 à 22:02:37

14 juillet 2016 à 22:03:32

Lamecarlate a écrit:

Je ne sais pas comment font ces grands groupes pour avoir des images parfaites, par contre... Je viens de tester avec diverses images, le rendu me paraît bon si l'on en prend une de taille respectable.

Ce ne sont pas que des grands groupes ! Il ne me semble pas qu'@obstacle_fr soit un grand groupe…

Ils doivent avoir une astuce peu connue, mais que j'aimerais quand même connaître parce que quand on poste des selfies c'est bien gentil mais c'est pas forcément agréable de se retrouver avec des carrés sur la gu***e… ^^



Anonyme
14 juillet 2016 à 22:10:02

T'inquiète pas, ensemble, on va te rendre ta jeunesse d’antan et ton charme. ;) 

Tu as jeté un coup d'oeil à la page que j'ai lié plus haut ?

Après, sur ton appareil photo, vérifie quand même que tu as la résolution maximale (certains téléphones ne l'active pas par défaut). Par contre attention à l'espace que ça va te prendre à force.

14 juillet 2016 à 22:10:57

Et si on clique sur la photo de profil, et qu'on fait « Clic droit », « Inspecter », y aurait pas des choses d'intéressantes à piocher ? Oui, j'ai jeté un petit coup d'œil à ta page, c'est, certes, une solution de doubler la taille normale mais ce n'est pas celle qu'utilise les comptes des marques ! Si on se rend sur FANTA par exemple et qu'on ouvre la photo de profil (pas la photo de couverture, la petite) dans un nouvel onglet, on voit bien qu'elle est de taille 400/400px mais toujours d'une netteté irréprochable !

Je vais vous faire un exemple pour que vous puissiez voir…

MAJ : Test fait : à gauche, photo originale prise sur le compte, à droite, photo enregistrée puis postée :

(clic droit > "ouvrir dans un nouvel onglet" pour mieux voir)

-
Edité par Nubles 14 juillet 2016 à 22:22:27

Anonyme
14 juillet 2016 à 22:21:57

Nubles a écrit:

 Si on se rend sur FANTA par exemple et qu'on ouvre la photo de profil (pas la photo de couverture, la petite) dans un nouvel onglet, on voit bien qu'elle est de taille 400/400px mais toujours d'une netteté irréprochable !

J'ai bien zoomé, mais la netteté irreprochable, je sais pas trop. C'est pas ce que me disent les crénaux. Y'en a tellement qu'on dirait ma grand-mère qui essaye de se garer en vain :lol: 

En tout cas, moi mon écran est HDPi, donc je les vois bien les pixels. Peut être que sur d'autres écrans ça fait effet maquillage. Mais le mythe est révolu. Pas top leur qualité.

Par contre, quand on clique sur la photo de profil directement dans Twitter, on voit bien que le comportement est un petit zoom (je ne saurais pas trop dire de combien est le ratio). Ça explique donc pourquoi, dans le lien, ce Monsieur nous disait qu'avec une photo au mensurations doublées, on arrive à un très bon résultat. Faudrait en fait connaître le ratio de zoom effectué par Twittos, mais il faudra inspecter les fichiers JS à mon avis (je dis ça, j'ai jamais fais de zoom en HTML, peut être que ça se fait en CSS).

14 juillet 2016 à 22:22:36

Je ne m'y connais, à vrai dire, pas du tout en codes et tout le tralala ! Donc il faudrait faire quoi en gros ?

Au par ailleurs, comment calcule-t-on le ratio de Twitter ?

-
Edité par Nubles 14 juillet 2016 à 22:32:27

Anonyme
14 juillet 2016 à 22:33:59

Ben l'idée c'est simple (... de qui je me moque :lol:) : quand tu clique sur une photo de profil, tu vois apparaître ta photo en plus zoomée, on est d'accord ?

Donc derrière, c'est que les ingénieurs de chez Twitter ont créée (à priori) une fonction en JavaScript (ou bien peut être du CSS ?) pour pouvoir faire apparaître l'image en plus grande, je ne pense pas qu'ils vont s'amuser à stocker des photos de profil avec en plus leur doublon zoomé, ça serait bête.

Et donc, il faudrait pouvoir inspecter le contenu (La touche F12 te permet d'activer le mode d'inspection), de chercher où est cette propriété pour pouvoir ensuite la décortiquer et la comprendre. À ce moment là, on saura de combien est le zoom. On pourra alors en déduire un ratio (2:1 par exemple). Et on appliquera ce ratio à la taille maximum des photos de profil, de sorte que le zoom ne fasse pas perdre la qualité de l'image.

Mais bon, c'est pas mal de boulot tout ça, et puis si ça se trouve ils ont masqué leurs fichiers JavaScript (sur un cloud ou autre). Donc on ne saura peut être pas.

Après tu pourrais aussi faire une capture d'écran, et calculer à l'écran la taille en pixel de l'élément zoomé, mais bon c'est bien méticuleux tout ça...

On devrait renommer le sujet en "Un selfie presque parfait" tiens. :lol:

-
Edité par Anonyme 14 juillet 2016 à 22:35:21

14 juillet 2016 à 22:43:05

Donc derrière, c'est que les ingénieurs de chez Twitter ont créée (à priori) une fonction en JavaScript (ou bien peut être du CSS ?) pour pouvoir faire apparaître l'image en plus grande, je ne pense pas qu'ils vont s'amuser à stocker des photos de profil avec en plus leur doublon zoomé, ça serait bête.

Oui, nous sommes d'accord sur ce point-là.

Donc derrière, c'est que les ingénieurs de chez Twitter ont créée (à priori) une fonction en JavaScript (ou bien peut être du CSS ?) pour pouvoir faire apparaître l'image en plus grande, je ne pense pas qu'ils vont s'amuser à stocker des photos de profil avec en plus leur doublon zoomé, ça serait bête.

Si vous le dites ! ;)

Et donc, il faudrait pouvoir inspecter le contenu (La touche F12 te permet d'activer le mode d'inspection), de chercher où est cette propriété pour pouvoir ensuite la décortiquer et la comprendre. À ce moment là, on saura de combien est le zoom. On pourra alors en déduire un ratio (2:1 par exemple). Et on appliquera ce ratio à la taille maximum des photo de profil, de sorte à ce que le zoom ne fasse pas perdre la qualité de l'image.

D'accord… Mais, au par ailleurs, ça ne me fait strictement rien quand j'appuie sur F12…

Après tu pourrais aussi faire une capture d'écran, et calculer à l'écran la taille en pixel de l'élément zoomé, mais bon c'est bien méticuleux tout ça...

En effet, je serai plus à l'aise avec ce protocole (je suis en études pour devenir graphiste donc les pixels, j'ai l'habitude aha) ! Donc faut que je fasse une capture d'écran et que je fasse quoi après ... calculer la longueur et la hauteur en pixels ???

On devrait renommer le sujet en "Un selfie presque parfait" tiens. :lol:

MDR, ce serait, en effet, plus cohérent (mais les gens ne viendraient pas)… :lol:

-
Edité par Nubles 14 juillet 2016 à 22:45:23

Staff 14 juillet 2016 à 22:48:42

je ne pense pas qu'ils vont s'amuser à stocker des photos de profil avec en plus leur doublon zoomé, ça serait bête.

Non, effectivement. Sauf que c'est l'inverse. L'image qui apparaît au clic est celle en taille réelle, et celle qui déborde un peu sur la bannière, c'est la même image, réduite via CSS (voir la classe "ProfileAvatar-image").

Donc pas de calcul chelou ni de vaudou JavaScript :p

Il faudrait tester en uploadant une image gigantesque, genre 3000 * 3000, pour voir ce qu'il en est fait.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
14 juillet 2016 à 22:50:43

Il faudrait tester en uploadant une image gigantesque, genre 3000 * 3000, pour voir ce qu'il en est fait.

Je vais essayer tout de suite.

!!! C'EST PAS FAMEUX !!! L'image est dégueulasse alors qu'elle était d'une excellente qualité quand je l'ai téléchargée ! (Elle est en .png, là)

-
Edité par Nubles 14 juillet 2016 à 23:06:40

Anonyme
14 juillet 2016 à 23:18:48

Alors y'a sûrement un redimensionnement automatique qui est fait au delà d'une certaine dimension au moment de l'upload.
14 juillet 2016 à 23:24:57

Ça devient compliqué, Twitter… Si certaines marques y arrivent, même si je conçois qu'elles aient certainement un service de communication avec les applications nécessaires pour parvenir à ce résultat, ça ne doit pas être si sorcier ? Si ?

De plus, les tailles des photos de profil varient de compte en compte, regardez : @Vittel_FR@Yoplait@BelvitaIreland.

Je prie pour trouver la solution, ce serait dommage que ce sujet ne soit pas « Résolu » ! :(

-
Edité par Nubles 14 juillet 2016 à 23:27:05

Anonyme
14 juillet 2016 à 23:33:35

Ben la photo de profil passe de 348 x 348 à 480 x 480. Peut être essayer une photo sous ces dimensions ?

Ça fait un ratio de 1.38:1. Peut être quelque chose sur lequel travailler.

-
Edité par Anonyme 14 juillet 2016 à 23:34:34

14 juillet 2016 à 23:35:07

Ça me semblerait bizarre qu'il y ait une « dimension magique » permettant d'avoir une superbe qualité… Si ?

Et ça équivaut à quoi, au juste, un ratio de 1,38:1 ?

-
Edité par Nubles 14 juillet 2016 à 23:36:07

Anonyme
14 juillet 2016 à 23:49:04

C'est le ratio de zoom de l'image de profil à l'image de profil qui "pop" quand tu la clique. Mais si tu me dis que les images ont des dimensions différentes d'un compte à l'autre, alors il doit y avoir autant de ratio... Bien compliquée cette histoire.
14 juillet 2016 à 23:58:42

Très compliquée pour les novices, je dirais même !

Vous ne connaissez pas, sur le forum, une personne vraiment très calée concernant les réseaux sociaux ? ^-^

-
Edité par Nubles 14 juillet 2016 à 23:59:13

Anonyme
15 juillet 2016 à 0:03:45

Oulà, non je connais pas toutes les personnes qui se trouvent sur le forum !

Peut être qu'une âme charitable aura envie de lire tout le fil et nous aidera ^^

15 juillet 2016 à 0:26:17

En espérant ! En attendant, #PrayForNice et hommage aux familles et amis des victimes !
Staff 15 juillet 2016 à 8:59:51

Le nombre de couleurs peut jouer aussi sur le bon redimensionnement : on peut noter que l'image de profil de tous les comptes "qui rend bien" en a 2 pour la plupart, et 5 couleurs maximum (Belvita et Fanta).

Tu peux aussi demander directement à ces comptes : après tout ce sont de Community Managers qui le gèrent, et c'est leur boulot que de répondre aux questions concernant la marque. Et l'image de marque, ça en fait partie.

Pas d'aide concernant le code par MP ni par mail, le forum est là pour ça :) Postez votre code html et css (bouton '</>') !!
22 janvier 2018 à 22:29:36

up, 

je rencontre actuellement le même problème, j'ai essayé pas mal de formats, tailles et techniques différentes mais toujours ce floutage qui dérange :/

Photos de profil de bonne qualité sur Twitter ?

× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.
  • Editeur
  • Markdown