Oct
08

Comment gérer les images dans les commentaires sur son Myspace [part 1]

Auteur // bigbabou

myspace.png Aujourd'hui nous allons parler d'un problème qui avait rapidement été évoqué à la fin de l'article sur les 5 erreurs courantes sur myspace . Pour ne pas faire un article indigeste, ce premier post s'adresse à ceux qui souhaitent ajouter des images dans les commentaires. Dans le deuxième épisode nous traiterons des solutions pour gérer les images dans les commentaires de son myspace.

On ne va pas revenir sur les innombrables lacunes de Myspace qui ne l'ont pas empêché de dépasser les 200 millions d'inscrits, mais là, il manque cruellement d'une fonctionnalité qui permette de gérer les images dans les commentaires.

C'est maintenant convenu, les commentaires sont plus devenus un espace de promotion qu'un espace de discussion. Ici s'entremêlent flyer pour une prochaine date, encart pour le dernier morceau de l'auteur du commentaire ou un "thanks 4 the add" au graphisme plus ou moins douteux.

Que l'on se comprenne bien. Le souci ne provient pas du fait que les commentaires contiennent  des images, au contraire. Cela permet à chacun de faire sa promo, de développer son identité visuelle,  et de réaliser sa campagne de pub auprès de ses amis d'un public ciblé qui serait a priori intéressé.

Alors, voici quelques solutions pour gérer tout cela de la meilleure manière, et cela pour tout le monde, les auteurs comme les destinataires des commentaires.

 

 

Le souci, ce sont les images qui deviennent envahissantes. On ne parle pas ici du fait que tous les commentaires soient des images, mais que parfois et même bien souvent, les images sont trop grosses et rendent parfois les pages vraiment rébarbative à parcourir. Si le but de ces "pubs" déguisées est d'inviter le destinataire, et éventuellement ses visiteurs, à venir à telle date ou écouter le nouveau morceau sur le myspace de l'auteur, cela peut produire l'effet inverse, il faut le savoir. 

Un aspect également important de myspace, est le fait qu'un bonne partie des utilisateurs ne sont pas spécialement féru d'infomatique. Pour certains, voir beaucoup, les termes CSS, pixel ... sont des termes abstraits qui ne veulent rien dire. Alors plutôt que de raler dans son coin, prenons quelques minutes pour expliquer quelques notions très simples.

 

L'impact d'une image

Les images permettent de développer une identité visuelle. Tout comme un flyer cela donne un aperçu de l'univers (musical ou non) de l'auteur. Cependant tout le monde n'est pas graphiste, et tout le monde n'a pas forcément le talent ou les compétences pour réaliser de beaux visuels. C'est comme ça, on ne peut pas être bon partout.

Pensez donc à l'avis négatif que peut dégager au premier abord un visuel réalisé en deux coups de truelles (même si c'est avec Photoshop) . Si vous n'avez pas les compétences pour le faire, ce n'est pas grave. Vous trouverez bien dans votre entourage quelqu'un qui sera susceptible de vous rendre ce petit service. Une image sur myspace c'est comme un flyer dans la vraie vie. La qualité du visuel donne le ton, tout comme un flyer cartonné donne une meilleure impression qu'une qu'un support imprimé en noir et blanc fait maison.

Enfin, évitez les images inutiles. Les images pour dire "thx for add" ou "thx for support" ne sont peut être pas la meilleure façon de communiquer et d'établir un premier contact. Surtout quand celle-ci est pêché d'un énième site "myspacemaker" et fait la taille d'un affichage 4x3 dans la rue. C'est peut être là le meilleur moyen de voir son commentaire effacé.

Pourquoi la personne à qui l'image est adressée garderai ce message, alors que l'auteur n'a même pas pris la peine d'écrire deux pauvres phrases de remerciements, encadrées d'un bonjour et d'un au revoir ?

 

Après ces quelques considérations voyons comment donner une chance de plus à votre image de ne pas être effacée à peine postée.

Le format des images 

Tout d'abord vérifier la taille de votre image. Avoir un gros pavé ne donnera pas plus d'impact à votre visuel, surtout s'il est artisanal (cf : méthode de la truelle). Une taille raisonnable serait un format "portrait" de 260 pixels de large au maximum.

Pourquoi ce format ? La prolifération des images de grande taille dans les commentaires a vu apparaître des scripts destiné à en limiter la taille. Si certaines personnes ont les compétences pour le modifier, la plupart l'utilise tel quel, et par défaut les images sont donc redéfinies à cette taille en largeur.

Donc si vous optez pour un format paysage, même si les proportions sont correctes (hauteur de maxi 260 pixels) la largeur sera fixé à 260 pixels, et votre image sera déformée. Dans tous les cas, si votre image est déformée, le visuel perdra en qualité donc prenez les devants, ça ne vous prendra que 5 minutes supplémentaires !

Voici quelques services, parmi tant d'autre, qui permettent d'éditer vos images en lignes. Les fonctions sont basiques mais suffisantes dans 80% des cas, et surtout donnerons des dimensions correctes à votre création. A vous de choisir celui qui vous convient le mieux.

Pour uniquement redimensionner vos photos

quickthumbnail.com
pixizer.com External link

Pour quelques effets en plus 

pixenate.com External link
pikifx.com External link

 

Au passage, ces programmes vous permettront d'avoir une image avec un poids convenable. Au dessus de 100 Ko, en voyant trèèès large, il y a un petit problème. Cela permettra d'une part, à la page myspace déjà bien alourdie avec les différents lecteurs et galerie photos de ne pas mettre 30 secondes à se charger et d'autre part donnera une chance  à votre image de ne pas être maudite par le propriétaire de la page, et que seul son effacement pourra soulager.

 

Supprimer les liens dans vos images 

Enfin, dernier point. Bon nombre d'image qui sont postées dans les commentaires sont en faites hébergées sur des services de dépôt d'image come ImageShack. Jusqu'ici pas de problème, mais lorsque la page utilise le script pour redimensionner les images ( que nous verons dans la deuxième partie), cela pose quelques soucis. Pas pour Firefox External link ou d'autres navigateurs plus évolués qui permettent de gérer correctement les choses, mais dans Internet Explorer.

En effet il n'y a pas moyen de différencier les images des profils des auteurs des commentaires, des images incluses dans les commentaires. De ce faite, les images (des commentaires) qui contiennent des liens, auront la même taille que celle des avatars des auteurs, au maxi une centaine de pixels. Cela réduit donc la visibilité de votre image à néant.

difference.jpeg

Cette capture d'écran a été réalisée sous Internet Explorer 6  (sur notre myspace External link ) pour mettre en évidence le problème qui vient d'être évoqué. 

En 1 l'image ne contient pas de lien, elle est donc redimenssionnée par le navigateur à une largeur maximum de 260 pixels. C'est le mieux que ce navigateur puisse faire. L'image est déformé mais reste visible.

En 2 l'image contient un lien. Pour Internet explorer le style défini dans le code CSS à appliquer est le même que pour les avatars de vos amis. Il va donc redimenssionner l'image à une largeur de 100pixels et la rendre minuscule.

 

Pour palier à ce défaut, préférez un lien texte (quand le html est activé bien sûr) en dessous de votre image, si vous souhaitez indiquer une page où est détaillé le programme de la soirée par exemple. 

Pour revenir aux visuels provenant d'hébergeur d'image, vérifiez le code qui vous est fourni pour être collé directement dans les commentaires.

Un code correct, qui permet de seulement afficher une image doit donner une ligne de cette forme :

<img src="http://url_de_votre_image.xxx" alt="un commentaire optionnel"/>

 

Mais dans la plupart des cas, un lien est inséré pour rendre votre image "cliquable" avec un lien vers le service, comme cela : 

<a href="http://url_du_service_qui_héberge_votre_image">
  <img src="http://url_de_votre_image.xxx" alt="un commentaire optionnel"/>
</a>

Pour éviter de se retrouver avec une image de 100 pixels de large sur les pages utilisant le script de redimensionnement, retirez simplement les balises <a href= ... > et </a> et voila votre image sans ce lien qui pourrait vous pénaliser. D'une part par ce qu'il n'apporte rien à votre message et d'autre part on s'attend plus à arriver sur le site de la soirée en question que sur le site du service. Pensez tout de même à vérifier dans les CGU que le service autorise la suppression de ce lien.

 

Conclusion 

Voilà donc quelques conseils pour ne pas polluer les pages de vos "amis" myspace. Et puis si c'est pour annoncer une date n'oublier pas qu'il y a aussi notre agenda qui est ouvert aux événements électros. Alors, profitez-en !

Comme nous le verrons dans la deuxième partie, il est difficile de gérer les images correctement à posteriori. Donc faites des efforts pour les adapter au mieux avant de les poster, et rendre votre image agréable et discrète. Mais pas trop non plus bien sûr ! Vous y gagnerez en visibilité, et ne donnerez pas des envies d'effaçage frénétique de toutes les images énormes que vous avez pu flooder depuis quelques mois à votre "ami" myspace.

Ah oui au fait, on utilise le script pour redimenssionner les images sur notre myspace, vous savez donc ce qu'il vous reste à faire pour qu'elle ne soit pas déformée Ok.

Dans le prochaine épisode de cet article en deux parties, nous passerons de l'autre côté de la chaîne, à savoir comment gérer les images postées sur son myspace et notement le script qui permet de redimenssionner les images dans les commentaires.

Si vous avez des remarques à faire sur le fond ou la forme, d'autres conseils, les commentaires sont là ! 

  Cet article vous a plu ? abonnez vous au flux RSS du Sous-marin External link !

 

Comments  

 
#1 florent 11-10-2007 00:56
t'es un boss!
si tout le monde pouvais avoir la même culture que toi...
t'aurais pas la solution pour mettre cet article en lien dans un commentaire sur myspace? ce serait encore plus efficace. lol
Quote
 
 
#2 bigbabou 11-10-2007 15:30
lol c'est pas de la culture c'est entre guillement "mon métier" ;-)
Pour faire un lien, bah c'est tout simple comme un lien html classique.
Quote
 
 
#3 Elisa 18-02-2008 19:23
Bonsoir,
Je n'arrive pas à insérer une image de mes albums myspace dans mes commentaires... :sad:
J'ai bien utilisé le code mais tout ce que j'obtiens c'est 2 points : ".."
Suis-je obligée d'aller la mettre sur un site de dépôt d'images pour que cela fonctionne ???
Merci
Quote
 
 
#4 bigbabou 19-02-2008 00:17
salut,
à vrai dire je ne sais pas si tu peux mettre une photo qui provient des tes albums directement sur ta page mais il y un système de diaporama maintenant.

sinon un clique droit sur la photo quand tu la visualise -> copie l'adresse de l'image.

et ajoute ce code
en remplaçant par l'adresse que tu viens de copier
et ça devrait aller
Quote
 

Ajouter un Commentaire


Code de sécurité
Rafraîchir