U074 – Mes images sont floues

BookWidgets compresse automatiquement les images afin de réduire les temps de chargement lorsque les élèves ouvrent les widgets.

En général, la compression d'image passe inaperçue. Cependant, notamment dans le cas d'une image contenant du texte, celui-ci peut devenir flou et illisible. Deux solutions s'offrent à vous.

PNG ou JPG ?

Choisir le bon format de fichier peut déjà faire la différence. PNG et JPG sont des formats d'image déjà compressés, mais ils utilisent des méthodes de compression différentes. Leurs performances peuvent donc être meilleures ou moins bonnes selon le type d'image. En règle générale, posez-vous la question suivante :
Mon image contient-elle plus d'une douzaine de couleurs, ou moins ?

Utilisez le format PNG pour les images générées par ordinateur. Pensez aux documents texte, aux images de logos d'entreprise, aux icônes ou aux émojis… Ces images comportent relativement peu de couleurs distinctes ; dans ce cas, le format PNG est plus adapté.
Utilisez le format JPG pour les photographies, c'est-à-dire les photos prises avec un appareil photo ou les reproductions de tableaux. Ces images contiennent généralement des centaines, voire des milliers de couleurs uniques ; dans ce cas, le format de compression JPG sera plus efficace.

Augmentation de la résolution

Dans l'éditeur de widget, choisissez de modifier l'image via l'option Plus.
Trouvez le paramètre Résolution en bas à droite de l'éditeur.
Décochez la case Automatique.
Augmentez les paramètres Hauteur et/ou Largeur.

Notez que votre image source doit être de taille et de qualité suffisantes.

Si, par exemple, la taille de votre image source est de 300 x 175 pixels, augmenter la résolution n'aura que peu ou pas d'effet.

Quelles valeurs choisir ?

Il est conseillé de trouver un juste milieu entre des valeurs trop faibles (image floue) et trop élevées (temps de chargement plus long).

Notez que la plupart des écrans d'ordinateur ayant une largeur inférieure à 1900 pixels, une valeur de Largeur supérieure à 1600 n'apporte généralement aucun avantage. Dépasser ce seuil ne peut s'avérer utile que si vous utilisez une image où les élèves doivent zoomer pour repérer de petits détails (comme dans le jeu « Où est Charlie ? »).