Yes logo ! ou comment vous n’oublierez plus jamais les logos de vos articles

A toi contributrice, contributeur assidu.e de Iaata, qui voit régulièrement tes articles trainer des jours en attente de modération, parce que tu as oublié de mettre un logo, ou simplement eu la flemme... A toi qui a tant galéré à mettre des images et à effacer les métadonnées... nous sommes ravi.es de t’annoncer que cette époque est révolue et que tu vas désormais pouvoir illuminer tes articles des plus belles images glannées sur internet en toute simplicité !

A propos des images sur internet, restez conscient.es que ce que vous publiez sera rendu public, et notamment tout un tas de données qui n’apparaissent pas à l’écran si vous n’y prenez pas garde ! Quel que soit le site, il est indispensable de supprimer les métadonnées de vos photos avant publication.
Cette bonne pratique n’étant malheureusement pas encore entrée dans les mœurs, nous avons sur l’ensemble des sites du réseau Mutu automatisé la suppression des données EXIF (métadonnées contenues dans les fichiers images au format TIFF et JPEG). Cela ne doit pas vous empêcher de le faire vous-même, grâce à des logiciels comme Exiftools pour Windows ou Mac, et Mat sur Linux.
Des sites comme celui-ci par exemple permettent de vérifier les métadonnées qu’il peut rester dans vos images.

Quelle est la différence entre un logo et une image ?

Le logo

Le logo est l’illustration qui apparait sur la page d’accueil. Pour que le site reste lisible, il est nécessaire qu’il y ait des logos à chaque article publié en une (tous les articles en liste à gauche sur la page d’accueil) ou en manchette (les deux articles mis en valeurs en haut de la page d’accueil). Quand on clique sur l’article, le logo est l’illustration qui apparait à droite à côté du titre.
Le logo peut être n’importe quoi en lien avec ce que vous postez (une photo que vous avez prise ou trouvé sur internet, une image, une affiche,...).

Exemple de logo :
Le logo = la vignette sur la page d’accueil :
PNG - 109.7 ko
Le logo tel qu’il apparait sur la page d’accueil

Le logo tel qu’il apparait dans un article ouvert :

PNG - 165.3 ko
Le logo tel qu’il apparaît dans un article ouvert
Le logo tel qu’il apparaît dans un article ouvert

L’image

L’image n’est pas visible sur la page d’accueil, mais dans le corps du texte, quand on a cliqué sur l’article. Selon l’article, on peut chosir d’en mettre ou pas.

Exemple d’images :
PNG - 190 ko

Comment on insère un logo et des images ?

Les images et les logos ne s’insèrent pas au même moment.

  • Vous allez ajouter les images lorsque vous êtes en train de rédigez ou modifier votre article.
  • Pour ajouter un logo, il faut d’abord enregistrer l’article, et quitter la partie "édition".

Ajouter une image

Charger une image - méthode 1 :
C’est donc la grande nouveauté de ce début d’année : le cadre en haut à gauche ("déposez vos fichiers ici ou cliquez sur ce cadre") permet de mettre des logos et images d’un simple "copier-coller".

PNG - 1.8 ko

Vous pouvez copier l’image que vous avez choisie (depuis une autre fenêtre du navigateur, ou une capture d’écran), et survoler ce cadre. Une fois votre souris dessus, faire "ctrl+v" pour coller le contenu du presse papier.

Charger une image - méthode 2 :
Il est aussi possible de cliquer sur ce cadre pour aller chercher un fichier directement sur son ordinateur. Dans ce cas là, il est toujours prudent de penser à effacer les éventuelles métadonnées qui pourraient trainer sur vos images ! (voir début de l’article)

Intégrer l’image dans le texte
Une fois uploadée, votre image apparaît dans la colonne de gauche de votre article.

PNG - 34.1 ko

Il est alors possible de la recadrer, ou d’ajouter une légende en cliquant sur "modifier" et en changeant le titre.

Pour intégrer votre image à l’article, il vous faut placer votre curseur à l’endroit où vous voulez mettre l’image, cliquer et choisir entre « left » (gauche) « center » (centré) et « right » (droite). Pour confirmer, double cliquer sur l’une de ces courtes balises sous votre image.

Pour un affichage adapté à tout les supports (écrans, tablettes, mobiles) il est préférable de choisir la balise « docXXX|center »

Ajouter un logo :

La procédure est exactement la même pour ajouter un logo. On trouve un cadre "déposer vos fichiers ou cliquer sur ce cadre" en haut à gauche lorsqu’on a enregistré l’article :

PNG - 3.4 ko

On peut alors passer la souris sur ce cadre, et coller le logo en faisant "ctrl+v".

Quelques conseils :

  • Pensez à mettre vos images / logos en format JPEG, PNG, TIFF,... Le format PDF en revanche est géré comme un document en pièce jointe, et ne sera pas percu comme une illustration.
    Un fichier en PDF peut par contre être utile pour faire passer des fichiers de bonne qualité, notamment si c’est un document (tract,....) qui a vocation à être imprimé.
    PNG - 160.1 ko
  • Il vaut mieux mettre des fichiers de petite taille : un logo de taille 1Mo et une image de 2Mo maximum sont largement suffisant. Cela évite de prendre de la place inutilement sur les serveurs.
  • Une fois l’article publié, les logos en manchette font 427 x 300 pixels, ceux en Une 240 x 180 pixels
  • Les logos fonctionnent mieux quand ils sont horizontaux. Les illustrations verticales sont recadrées horizontalement par le site, sur la page d’accueil notamment.
  • N’oubliez pas de proposer votre article à la publication une fois terminé. Vous pourrez alors vérifier la mise en page en cliquant sur "prévisualiser". Tant qu’il n’est pas publié, il est toujours possible de faire des modifications
    PNG - 4.4 ko

P.-S.

Ce tutoriel est inspiré de celui de Paris-lutte.info qui fait partie du réseau de sites mutu

Proposer un complément d'info

modération a priori

Ce forum est modéré a priori : votre contribution n’apparaîtra qu’après avoir été validée par un-e administratrice/administrateur du site. Nous rappelons que les compléments d’information n’ont pas vocation à être des lieux de débat. Ne seront publiées que des informations factuelles.

Votre message
  • Pour créer des paragraphes, laissez simplement des lignes vides.

Qui êtes-vous ?
  • Votre email, facultatif (si vous souhaitez pouvoir être contacté-e par l'équipe de Iaata)

  • 14 avril

    Réponse au complément d’info précédent :

    Bien vu pour les demandes de précisions. On a rajouté dans l’article les infos suivante :

    « Une fois l’article publié, les logos en manchette font 427 x 300 pixels, ceux en Une 240 x 180 pixels ».

    Après malheureusement le ratio hauteur x largeur n’est pas le même selon que l’article est en manchette ou en une, c’est un soucis.

  • 9 avril

    Bonjour à vous,

    Quand je prévisualise un article que j’écris le logo de celui-ci est de bonne taille mais une fois publié sur la page d’accueil il se retrouve souvent tronqué en bas même si je prends soin de choisir une image horizontale.

    Voici des exemples :

    https://iaata.info/TRAVAILLEUR-DE-L-AERONAUTIQUE-PRODUIRE-OUI-MAIS-POUR-QUI-POUR-QUOI-4134.html (le logo y est coupé en bas, surtout la page d’accueil de iaata)

    https://iaata.info/A-AIRBUS-La-greve-comme-arme-contre-le-coronavirus-4129.html (le logo de la CNT semble trois fois trop grand pour rentrer dans le cadre)

    https://iaata.info/Nous-sommes-toustes-tres-anxieux-euses-4108.html (pareil le logo dans l’article s’affiche en entier mais sur l’accueil ou bien dans la catégorie "travail" il est coupé)

    Pourriez-vous préciser / indiquer dans le tuto (et l’ajouter dans l’outil de publication) quelles sont les dimensions idéales pour un logo d’articles afin qu’il apparaissent sans être coupé dans l’article ET sur la page d’accueil ?

    Ça aiderait pour réussir à faire des articles agréables à lire.

    Merci beaucoup !
    Plein d’amour sur vous !

Publiez !

Comment publier sur IAATA?

IAATA est ouvert à la publication. La proposition d’article se fait à travers l’interface privée du site. Quelques infos rapides pour comprendre comment y accéder et procéder ! Si vous rencontrez le moindre problème, n’hésitez pas à nous contacter.