Taille des images numériques et Affichage Intranet Comment ajuster au mieux les photos pour publication sur l’Intranet du CHU ?

Pourquoi ajuster la taille : Petit rappel Même les appareils compacts enregistrent aujourd’hui des images de 3000 x 2000 pixels (6 mégapixels) et même souvent plus… Par définition, l’Intranet s’affiche sur un écran. Or la majorité des écrans ne disposent que de 1024x768 pixels (jusqu’à 900 pixels de haut pour les nouveaux portables) y compris les bords, menus, etc, soit moins de 1 mégapixel Aucun écran ne peut afficher plus de pixels qu’il n’en a !

Ce qui se passe avec une image trop grande Il n’y a que deux solutions : ou l’écran n’affiche qu’une partie de l’image ou l’écran n’affiche qu’une partie des pixels Cette image très partielle (coin supérieur gauche) n’est guère intéressante et c’est pourtant ce qui se passe dans la majorité des cas même si certains programmes « intelligents » corrigent cette situation dans la majorité des cas par exemple comme ici 1 sur 6

Ce qui se passe avec une image trop grande Ceci paraît bien mieux, MAIS : On ne peut être sûr que le l’utilisateur aura le logiciel adapté La qualité de l’image est dégradée de façon non contrôlée. En effet, seuls certains pixels sont affichés, chaque sixième ici, sans que l’on puisse savoir lesquels Et, plus important encore, la taille du fichier ne varie pas puisque l’image entière est en mémoire même si elle ne peut être affichée, ce qui va entrainer un encombrement inutile et un ralentissement de tout le système

Ce qui se passe avec une image trop grande N’oublions pas qu’une image est une surface, et que sa taille* progresse suivant le carré de sa longueur Dans le cas précédent, l’image était 6 fois trop large pour être affichée complète à l’écran, c’est-à-dire que son fichier était 36 fois supérieur à ce qui est utile (6²) Cette différence, multipliée par des centaines de photos sur le site, vous donne une idée de l’enjeu technique en plus du côté pratique * taille de l’image à ne pas confondre avec la taille du fichier comme expliqué dans un didactitiel du labo photo pour ceux qui sont intéressés

redimentionner les photos avant de les transmettre sur le site La solution Il y a une solution qui règle en même temps les trois problèmes : affichage adapté qualité de l’image taille du fichier redimentionner les photos avant de les transmettre sur le site Voyons comment faire …

Utiliser un programme « photo » Il existe de nombreux programmes permettant de retravailler les photos Certains sont simples, d’autres complexes ; certains sont gratuits, d’autres très cher mais ce qui compte ici est qu’ils puissent redimensionner correctement une image : ils le font presque tous Presque car certains programmes simplistes, comme « Paint » fourni avec Windows par exemple, sont inadaptés (malgré une fonction -étirer-)

Donc : mauvaise méthode Remarque: étirée par un bord l’image se déformera X Il ne sert à rien de diminuer la taille des pixels d’une image en « l’étirant » : cela change la taille des pixels mais pas le nombre de pixels existants et c’est la seule chose qui compte cela ne change donc pas le poids du fichier et, nous l’avons vu, c’est aussi un élément important à prendre en compte lorsqu’il s’agit du net

Bonne méthode Il faut utiliser la fonction – rééchantillonnage – (resampling en anglais) du logiciel photo en veillant à conserver les proportions de l’original En réalité cette fonction ne modifie pas la photo mais en crée une nouvelle, avec le nombre de pixels souhaités, à partir d’un algorithme interne Pour cette raison, n’oubliez pas de sauvegarder votre image sous un autre nom, sinon l’original sera définitivement perdu !

Rééchantillonnage Pas de panique, c’est très simple, le logiciel fait tout pour vous. Il suffit de lui dire la taille que vous souhaitez et la méthode Prenons un exemple : La taille maximum sera celle de l’écran Nous l’avons vu, cette taille sera environ 1000 (longueur) ou 750 (hauteur). En pratique, à cause des bords, menus, etc, 800(L) ou 600(h) sera préférable et souvent moins (nous verrons plus loin pourquoi) La méthode de prédilection sera – (bi)cubique –* * si vous le voulez, cliquez ici pour explication technique

Rééchantillonnage : Exemple Taille originale Présentation typique d’une fenêtre de redimentionnement : taille en pixels avec le symbole « chaîne » qui indique qu’une valeur modifiée se répercutera automatiquement sur l’autre taille du document imprimé, ce qui n’a aucune importance ici puisque le document est vu à l’écran proportions (idem « chaîne ») méthode Ces dernières options sont normalement bonnes par défaut, il suffit de vérifier

Rééchantillonnage : Exemple Taille originale Taille modifiée Il suffit donc de taper un seul chiffre, vérifier les options, et faire OK C’est simple et rapide pour rappel : 800 de large, ou 600 de haut (à choisir la plus grande valeur des deux) est la taille idéale pour l’affichage d’une image entière en plein écran ! Mais ce sera souvent moins Remarquez que la taille de l’image passe de 16,1 à 1,23 mégabytes Le fichier JPEG d’une telle image sera d’environ 225 kilobytes

Résultat La nouvelle image ainsi créée s’affichera correctement dans la fenêtre de travail du PC et l’image sera visible dans son intégralité, comme il se doit En outre, la gestion et la mémorisation de l’image en seront considérablement allégées, ce dont tout le monde profitera. Rappelons encore un fois que l’image étant une surface, le fichier est fonction du carré de sa longueur. Autrement dit, si l’image est 4 fois plus petite (pour tenir sur la surface de l’écran) son fichier sera 16 fois plus petit ! Il n’y aura pas, à l’écran, de réduction de qualité

Résultat - exemple Bien que le fichier soit 16 fois plus petit, il n’y a pas perte de qualité

Dernière remarque Je l’ai dit à plusieurs reprises, 800 pixels sont un maximum pour un plein écran En pratique vous devrez généralement choisir moins Si vous placez un photo avec du texte (comme c’est presque toujours le cas), il faut calculer au mieux la place que doit prendre la photo Si elle prend 1/3 d’écran (1024), ce sera : 1000/3=300 (!?! nouvelle mathématique) qui sera le bon nombre de pixels Par exemple, cette image du début à 360 pixels de large

Aide supplémentaire Le labo photo du CHU est là aussi pour vous aider Nous pouvons vous conseiller pour démarrer Nous pouvons vous conseiller aussi dans le choix et l’utilisation d’un logiciel et même vous fournir un logiciel « libre » si nécessaire De petits didactitiels sont disponibles pour aller plus loin si vous souhaitez en savoir plus Vous pouvez nous contacter 8586 ou http://www.chu.ulg.ac.be/page.php?id=205 ou via le Service communication