Mise à jour le 18 août 2025

   

Préalable

Icone sustentabilidade | Canva Aidez-nous à plus de sobriété numérique : mettez vos images au régime !

Dans le cadre de l'UV, utilisez de lourdes images n'a pas de sens à plus d'un titre : 

  • l'image est visualisée sur écran réduit, portable ou mobile, en conséquence, la définition de l'image (netteté) ne doit pas être très importante (plus la définition est haute -"HD"-, plus le poids de l'image est important) ; en bref, pas besoin d'une définition identique aux images diffusées sur écran géant. 
  • si l'image dépasse un certain poids, la page met du temps à charger/ s'afficher ; dans le meilleur des cas, ce sera ennuyeux, dans le pire des cas, cela démotivera le lecteur d'entrée de jeu. Or l'objectif d'insérer une image est de capter son attention positivement.

Dans ce contexte, quel est le poids de forme d'une image ? Celui-ci peut varier entre quelques Ko et 500 Ko : une petite icône, présente pour structurer le contenu, sera bien sûr plus légère qu'un grand bandeau en haut du cours. Son contenu influence également cette marge : photo ou illustration, beaucoup de détails ou image stylisée, etc. À noter que réduire les dimensions allège le poids. 

Mais comment connaitre le poids d'une image ? Cette information est répertoriée dans les propriétés du fichier : dans la plupart des ordinateurs, faites un clic droit sur l'image, puis choisissez Propriétés (parfois il faut afficher les détails).

Et qu'en est-il du format ? Les formats les plus courants sont .png et .jpg (ou .jpeg). Ce dernier est réputé plus léger car il transporte moins de données. Depuis quelques années, le format .svg est apparu. Très utilisé sur les sites web en raison de son poids plume, il peut être aussi source de problème en termes de cybersécurité, surtout s'il est récupéré d'un autre site web. Mieux vaut tabler sur le .jpg., personne ne souhaite être à l'origine d'une faille de sécurité sur l'UV... 

Pour compresser/réduire les fichiers ou convertir d'un format à l'autre, l'application de gestion d'images présente par défaut sur les ordinateurs peut aider ; sinon il existe quelques applications gratuites, voire open-source, à télécharger ou de nombreux outils web gratuits à utiliser en ligne. 

NB : la quantité de dpi (résolution) concerne aussi la netteté mais s'utilise plus dans le contexte d'impression d'images.

   

   

Pour ajouter une image

Ouvrez le dossier dans lequel est classée votre image, glissez l’image directement à l'endroit où l'afficher.

Si c'est sur la page principale du cours, dans le pop up qui s’ouvre, garder sélectionné Ajouter un média ; dans le cas contraire, c'est l'image sous format de fichier qui s'ajoutera, autrement dit l'image ne sera pas affichée.

 

  

Le 'média' est toujours déposé en bas de section, déplacez-la à l’endroit souhaité grâce à la croix multidirectionnelle (mode édition).

   

Gérer les images

Dans tous les cas de figure (page de cours, Zone de texte, Page, Livre, etc.), vous pouvez encore changer son aspect, par ex centrer l’image, changer sa taille, ajouter un espace au-dessus ou au-dessous afin que la mise en page soit plus aérée, etc.

Si vous l'avez déposée sur la page de cours, l'opération précédente a en réalité créé une ressource Zone de texte dans laquelle est placée l’image. En cliquant sur le menu Modifier (côté droit) puis Paramètres, vous atteignez l'image pour la modifier.

Passez en mode plein écran grâce à l'icône  en bas à droite de la vidéo 

  

    

Tutoriel complémentaire

 

 

 © 2025 Université Virtuelle