Créer un post sur Steemit: comment donner la même taille à toutes ses photos et les ajuster au texte? Tutoriel

L’euphorie des 2 premières semaines sur Steemit passée, j'ai consacré la troisième semaine à l'exploration du milieu:)

Et voici une observation que j’ai faite en surfant sur la plateforme et en lisant des posts un peu sur tout.

Le succès des meilleurs posts se fait en général avec 3 composantes: le contenu, la mise en page et la qualité des images. Les deux dernières sont liées entre elles: quand les photos de tailles différentes sont jetées en vrac sur la page, l’oeil se perd et ça peut gâcher l’impression laissée par le post et empêcher sa lisibilité.

Par contre quand les photos s’inscrivent parfaitement dans les marges du texte, le post est plus reposant pour les yeux et se lit plus facilement.

Regardez ces extraits des posts choisis au hasard parmi les Steemers qui ne quittent pas les rubriques “hot” et “trending”:

@sweetssj

@good-karma

@dollarvigilante

____________________________________

ça, c'étaient des exemple à suivre:)

Pour vous donner un exemple de mauvaise mise en page, voici le lien sur un de mes posts publié la semaine dernière. Avant de publier sa traduction en français, je me suis dit qu’il fallait faire quelque chose avec toutes ses photos de taille différente… Je suis d’abord allée sur Photoshop et j’ai ajusté la taille de toutes les 20 photos, une à une, espérant que le temps passé à le faire ne serait pas perdu pour rien… Déception. Pour une raison qui m’a échappée, les photos n’étaient toujours pas de même taille et ne correspondaient pas à la largeur de mon texte.

J’ai crié help à mon copain qui travaille dans le web design même si nous avons un accord: le Steemit c’est mon territoire où je m’y débrouille toute seule, comme une grande. Mais bon, là, c'était un peu ça:

Alors il m'a accordé 10 secondes pour montrer comment faire. Et en 20 autres secondes j’ai ajusté toutes mes photos. Youhoooooo!

Voici le procédé, pour le Mac.

Etape 1: trouver la largeur de votre texte

1. Quand vous avez écrit le post, vous sélectionnez un paragraphe dans la fenêtre “submit a story” (pas dans celle où vous avez la preview)

2. Clic droit de la souris sur le paragraphe sélectionné.

3. Vous choisissez “inspecter” et une page avec le code va s’ouvrir
   

4. Dans cette page avec le code vous mettez le curseur de la souris sur le paragraphe sélectionné.

   

5. Vous verrez apparaître au-dessus du texte dans la fenêtre “submit a story” une ligne “textarea 839.98*197.97”. Les chiffres peuvent être différents, bien sûr, ceux-ci correspondent à mon paragraphe.

   

6. Vous notez le premier chiffre, 839.98 que nous allons arrondir jusqu’à 840.

Etape 2: ajuster les photos.

1. Vous sélectionnez toutes les photos que vous allez utiliser dans votre post.

2. Clic droit de la souris, option ouvrir avec ➜aperçu (ou preview)

   

3. Dans la barre de l’aperçu vous choisissez édition➜tout sélectionner.
   

4. Vous allez ensuite dans outils➜ajuster la taille
   

5. Vous tapez 840 pixels (la largeur de votre texte), sans oublier de cocher “échelle proportionnelle” et vous confirmez.
   (Attention! La largeur originale en pixels doit être plus grande que celle de votre texte)

Et voilà, toutes vos photos sont ajustées à la largeur de votre texte en 1 minute. En les insérant dans le post, vous n’avez même pas à les centrer, parce qu’elles prennent automatiquement toute l’espace de la page.

Vous pouvez voir à quel point cela change l’aperçu du post en comparant mes deux versions du même contenu, en anglais que j'ai déjà cité plus haut (qui est moche mais que j’ai gardé tel quel pour montrer comment il ne faut pas faire) et en français qui est beaucoup plus lisible à mon avis.

Voilà, j’espère que ce petit tutoriel a été utile pour quelqu’un d’entre vous.

N’hésitez pas à le resteemer pour de nouveaux francophones de la plateforme.

Excellente journée à tous!

Source

FOLLOW ME