Héberger des images sur Geotribu#

Le terme CDN est ici bien sûr abusif mais c'est ainsi que nous désignons notre hébergement et gestionnaire de fichiers medias statiques.

Traditionnellement, nous hébergeons les images sur notre propre serveur pour plusieurs raisons :

• ça évite de surcharger les serveurs des autres sites en pointant dessus
• ça évite les restrictions liées au "partage de ressources entre origines multiples", enfin le CORS quoi
• ça permet de garantir de toujours disposer des images, même si elles n'existent plus à l'adresse originale (site supprimé, refonte du site, etc.)

Structure#

Globalement, voici comment les images sont organisées :

• racine : éviter d'ajouter de nouvelles images ici
• articles-blog-rdp :
  • captures d'écrans utilisées pour illustrer une revue de presse
• external
• internal : ressources propres au site.
  • charte graphique
  • photos des contributeurs : nommage avec initiale du prénom et 3 premières lettres du nom
  • images liées à la section contribution du site, de cet article entre autres (captures d'écran, exemples, etc.)
  • icônes créées par Geotribu pour symboliser le sujet d'une news d'une revue de presse
• logos-icones : entreprises, associations, logiciels, librairies, technologies, etc. Idéales pour l'icône d'une news de revue de presse.
• projets-geotribu
• slideshow : images du diaporama sur l'ancien site de Geotribu. Elles étaient pour la plupart pré-découpées en rectangle mais ça peut toujours servir à des fins d'illustration. éviter d'ajouter de nouvelles images ici .
• tuto : contenus liés aux tutoriels publiés. Un sous-dossier par tutoriel.

Bonnes pratiques#

Sur le site historique de Geotribu, la difficile gestion des images a laissé un héritage chaotique : doublons en pagaille (jusqu'à 10 exemplaires dans certains cas...), noms d'images abscons rendant impossible la recherche, caractères spéciaux, dimensions démesurées (qui avait même provoqué un crash du serveur à l'époque !), etc.

Merci de suivre au mieux ces recommandations qui permettent de garantir une utilisation sereine des mêmes ressources par plusieurs personnes :

• chercher d'abord si l'image n'existe pas déjà (voir structure du CDN)
• redimensionner les images avant de les téléverser (= uploader) : 800px maximum en largeur ou en hauteur sont largement suffisants pour illustrer un article ou une news sur Geotribu.
• utiliser des formats avec de bons niveaux de compression :
  • SVG
  • WebP
  • PNG
  • JPEG
  • à éviter Bitmap, Tiff, etc.
• nommer proprement les fichiers :
  • choisir un nom explicite qui permette la recherche par d'autres : carte_densite_nyt.jpg plutôt que 0f1f4706b8f1ea520747e3fd231a5bd0.jpg (ce dernier exemple n'est pas une invention spontanée, il correspond réellement à une image stockée dans le CDN...)
  • pas de caractères spéciaux (espaces, accents, etc.)

Ce n'est évidemment pas exhaustif et il n'y a pas de brigade des images dans l'équipe, on s'en remet donc au bon sens de chacun/e .

Pas à pas#

1. Se connecter au gestionnaire de fichiers en ligne : https://cdn.geotribu.fr/

   

   l'identifiant et mot de passe sont transmis sur demande par mail, MP Mastodon/Twitter, etc.

2. Utiliser la recherche pour savoir si jamais une image correspond au besoin

3. Se positionner dans le dossier souhaité
4. Cliquer sur Envoyer

5. Glisser/déposer ou sélectionner l'image

   

6. Cliquer Retour et récupérer l'URL de l'image. Par exemple, avec un clic droit sur l'icône de lien ou en cliquant sur l'image puis sur `Ouvrir``

   

Ressources#

• EzGIF pour manipuler, redimensionner et optimiser les GIF en ligne
• ImageOptim, opimisation des JPEG et PNG
• Reshot, icônes et images libres de droits
• TinyPNG, optimisation des images JPEG, PNG, WebP...

Commentaires