Introduction
Nous intégrons de plus en plus d’illustrations et de photos dans nos cours sur Moodle et l’ENT. Cependant, accordons-nous suffisamment d’attention au poids et à la taille de ces images ? Il est fréquent de trouver des photos de haute qualité prises avec un smartphone, mais elles sont souvent trop lourdes et trop grandes pour s’afficher rapidement et correctement. Est-il vraiment nécessaire d’avoir une telle qualité pour une visualisation sur un écran ? La réponse est évidente : non.
Dans cet article, nous allons explorer l’importance de prêter attention au poids et à la taille des images. Nous aborderons également les formats les plus couramment utilisés, ainsi que la résolution et la taille des images. Surtout, nous vous expliquerons comment réduire tout cela de manière simple pour améliorer vos contenus visuels en ligne !
Pourquoi réduire le poids des images ?
Réduire le poids des images en ligne (sur l’ENT, Moodle, H5P...) est essentiel, en voici les raisons :
- Temps de chargement plus rapide :
Les images lourdes peuvent ralentir considérablement le temps de chargement des pages, ce qui peut entraîner une mauvaise expérience utilisateur. En réduisant le poids des images, vous optimisez le temps de chargement, offrant ainsi une expérience fluide et agréable aux utilisateurs (élèves, collègues). - Utilisation efficace de la bande passante :
Les images volumineuses consomment plus de bande passante lorsqu’elles sont téléchargées depuis un serveur. Cela peut affecter les performances générales de la plateforme sur laquelle se trouve votre image. - Accessibilité et expérience utilisateur :
Il est important que votre ressource soit accessible à tous, quel que soit le type de connexion Internet ou l’appareil utilisé. Les images lourdes peuvent rendre le chargement difficile pour les connexions plus lentes ou les dispositifs mobiles. - Gestion de l’espace de stockage :
La taille des images peut influencer votre espace de stockage sur les serveurs. Les images lourdes peuvent rapidement occuper une grande quantité d’espace. En optimisant vos images, vous devenez un utilisateur responsable du numérique.
Les formats d’image les plus courants :
Les formats d’image les plus couramment utilisés sur le web sont JPEG, PNG et GIF. Assurez-vous de choisir le format le plus approprié en fonction de vos besoins spécifiques.
- JPEG (ou JPG) : Ce format est idéal pour les photographies et les images avec de nombreuses nuances de couleurs. Il offre une compression avec perte, ce qui signifie qu’il peut réduire la taille du fichier, mais cela peut également entraîner une légère perte de qualité. Utilisez le format JPEG lorsque vous avez besoin d’images riches en détails et en couleurs (idéal pour les photos).
- PNG : Le format PNG est recommandé pour les images comportant des éléments graphiques, des logos ou des illustrations avec des zones transparentes. Contrairement au format JPEG, le format PNG offre une compression sans perte, préservant ainsi une qualité élevée de l’image. Cependant, il peut générer des fichiers plus volumineux que le format JPEG.
- GIF : Le format GIF est souvent utilisé pour les images animées ou les graphiques simples avec une palette de couleurs limitée. Il est adapté aux images avec des zones de couleurs solides ou des éléments de texte. Toutefois, notez que le format GIF est limité en termes de nombre de couleurs et de qualité d’image.
- WebP : Le format WebP est un format d’image numérique développé par Google, conçu spécifiquement pour une utilisation sur le web. Il a été introduit en 2010 comme une alternative aux formats d’image traditionnels tels que JPEG, PNG et GIF. L’objectif principal de WebP est d’offrir une meilleure compression et une meilleure qualité d’image tout en réduisant la taille des fichiers, ce qui contribue à accélérer le chargement des pages web.
- SVG : Le format SVG (Scalable Vector Graphics) est un format d’image basé sur des vecteurs qui permet de représenter des graphiques et des illustrations de manière extensible, c’est-à-dire que les images créées au format SVG peuvent être agrandies ou réduites sans perte de qualité. Contrairement aux formats d’image raster (ou matriciels) comme JPEG et PNG, qui sont composés de pixels individuels, les images SVG sont décrites en utilisant des formes géométriques (comme des lignes, des courbes, des cercles, etc.) et des attributs qui définissent ces formes.
Résolution - taille ?
La taille et la résolution d’une image sont deux concepts distincts mais souvent confondus. Ils se rapportent tous les deux aux caractéristiques d’une image numérique, mais ils ont des significations différentes.
Taille de l’image :
La taille de l’image fait référence à la quantité d’espace que l’image occupe sur un support, comme un écran d’ordinateur, une feuille de papier ou un fichier numérique. Elle est généralement mesurée en termes de dimensions physiques, telles que la largeur et la hauteur de l’image. Par exemple, une image peut avoir une taille de 1920 pixels de largeur et 1080 pixels de hauteur. La taille de l’image peut également être mesurée en unités physiques comme les centimètres ou les pouces si l’on connaît la résolution de l’image.
Résolution de l’image :
La résolution d’une image se réfère à la densité de pixels présents dans une unité de mesure donnée. Elle est généralement mesurée en pixels par pouce (PPI) ou en dots per inch (DPI). Plus la résolution est élevée, plus les détails de l’image sont fins et nets, car il y a plus de pixels pour représenter chaque détail. Une image à haute résolution contient plus de pixels par unité de mesure que celle à basse résolution. Une résolution élevée est particulièrement importante pour l’impression, car elle garantit que les images imprimées sont nettes et détaillées.
En résumé, la taille de l’image se réfère à ses dimensions physiques (largeur et hauteur), tandis que la résolution de l’image se réfère à la densité de pixels présents dans cette image. Une image peut avoir la même taille physique mais des résolutions différentes, ce qui affectera la qualité et la netteté des détails. Par exemple, une image de 1920x1080 pixels peut avoir une résolution de 72 DPI pour une utilisation sur un écran d’ordinateur, mais elle aura besoin d’une résolution plus élevée, comme 300 DPI, pour une impression de qualité.
Comment réduire une image simplement ?
Lorsque vous avez besoin de réduire la taille de vos images, il existe différentes options à considérer. Vous pouvez utiliser un service en ligne tel que https://www.img2go.com/fr, mais il est important de noter que ce site utilise des outils Google et collecte certaines données personnelles telles que l’adresse IP. Il est donc essentiel d’en être conscient avant d’utiliser de tels outils.
Cependant, la meilleure solution reste d’utiliser un logiciel de retouche d’image. En seulement deux étapes simples, vous pouvez obtenir des images réduites de manière efficace :
- Réduisez la taille de l’image : En ajustant la dimension de l’image, laissez 800 pixels pour le côté le plus long, en fonction de son orientation. Cela est généralement suffisant pour une visualisation optimale sur un écran.
- Enregistrez au format approprié avec une compression adaptée : Choisissez le format de fichier adéquat, tel que JPG pour une photo, puis ajustez le taux de compression. En règle générale, un taux de compression d’environ 70% est largement suffisant pour maintenir une bonne qualité tout en réduisant la taille du fichier.
En utilisant un logiciel de retouche d’image, vous avez un contrôle total sur le processus de réduction de la taille de vos images, sans dépendre de services tiers. Cela vous permet de préserver votre vie privée et de garantir des résultats optimaux pour l’affichage de vos images en ligne.
Les logiciels natifs (et simples d’utilisation) sont « Paint » pour Windows et « Aperçu » pour Mac.
Des applications en ligne :
Squoosh
Squoosh est un outil en ligne de compression et redimensionnement d’image d’utilisation simple et rapide.
A l’accueil, la seule action à effectuer est d’envoyer une image. Le système affiche en temps réel votre image et la comparaison avec les opérations effectuées. La barre centrale permet d’afficher tour à tour la vue de l’image d’origine et la vue de l’image modifiée.
A droite, plusieurs actions peuvent être effectuées comme la compression et le redimensionnement. Dès qu’un paramètre est modifié, la partie droite de l’image ainsi que sa taille apparaissent en temps réel.
Une fois le résultats souhaité obtenu, un clic sur l’icone de téléchargement en bas à droite permet de récupérer l’image modifiée.
Squoosh est gratuit, sans publicité et ne nécessite aucune inscription. Le traitement est effectué dans le navigateur.
Accès : Squoosh
Doka Photo
Doka Photo est un service se concentrant sur les manipulations basiques et rapides d’images. il permet les manipulations telles que les rotations, mises en miroir, des filtres basiques, l’ajout de textes, le réglages des teintes et le redimensionnement.
Une fois l’image à traiter renseignée, l’interface apparaît simple. le menu supérieur permet de sélectionner les modifications à appliquer. Le bouton Download permet de récupérer son image.
Le service est gratuit, sans publicité et sans inscription.
Accès : Doka Photo
rEasyZe
rEASYze est un logiciel de redimensionnement d’images (et quelques autres fonctionnalités) fonctionnant aussi avec des lots d’images. Il a la particularité d’être extrêmement léger et de ne pas nécessiter d’installation (il peut fonctionner depuis une clé usb ou un disque externe par exemple).
L’interface est simple et l’utilisateur n’a qu’à renseigner les images à redimensionner, puis sélectionner les dimensions nouvelles à appliquer. Pour les plus débutants, à défaut de sélectionner les dimensions, il est possible de choisir le pourcentage de réduction de la taille des images. Le logiciel permet aussi de convertir les images en sélectionnant simplement un nouveau format.
rEASYze est gratuit et sans publicité. En outre, il permet d’appliquer des filtres et des filigranes aux images. Il ne nécessite pas d’être installé et se lance directement.
Accès : ReasyZe pour Windows
XnConvert
Xnconvert est une solution déjà ancienne, qui a fait ses preuves dans la conversion d’images. Elle permet de convertir des images, individuellement ou part lots. Les opérations possibles sont extrêmement variées et vont de manipulations basiques comme l’allègement, ou le changement de formats, à des possibilités plus complexes comme l’application de filtres.
L’interface est claire bien qu’un peu archaïque. Le logiciel se présente sous la forme de différents onglets représentant les différentes étapes à effectuer. Tout commence par la sélection d’images. le logiciel peut traité les images par lots.
Une fois les images sélectionnées, des actions peuvent être appliquées. Le logiciel est capable de nombreuses manipulations, certaines compréhensibles aux habitués du traitement d’images, d’autres beaucoup plus simples comme le redimensionnement. Chaque action dispose de ses propres réglages. Le redimensionnement par exemple propose la taille à obtenir, l’orientation globale ou encore les proportions.
Avant de lancer la conversion, il est possible de personnaliser l’export de ses nouvelles images. Il est possible pour toutes les manipulations de renommer automatiquement les fichiers convertis, de changer leur format et de sélectionner un répertoire spécifique.
Un clic sur convertir permet de lancer le traitement et les fichiers modifiés se retrouvent dans le répertoire prévu.
La solution est gratuite, sans publicité et multi plateforme.
Quelques applications en ligne (sans installation) :
Exemples de logiciels à télécharger (Windows) : vous pouvez utiliser les outils natifs de Windows également comme « Paint ».
Logiciel sur Mac :
- quand vous ouvrez une image avec l’aperçu de Mac (application native), vous pouvez modifier la taille et la résolution en allant dans le menu « Outils » puis « Ajuster la taille ».
- dans le finder, vous pouvez redimensionner une ou plusieurs images : clic droit / Action rapide / Convertir l’image
