Beaucoup de nos clients ont la fâcheuse habitude d’uploader les images sur leurs sites Internet "comme elles viennent", sans considération ni de taille, ni de poids, partant du principe que de toutes façons, "ça se fera tout seul au niveau du site Internet".

Nous voilà donc en présence de fichiers RAW non compressés prêt à s’afficher en 4m x 3m sur un panneau d’affichage publicitaire en ville... Sauf que nos écrans, eux, ne font pas 4m de large, tout au mieux quelques milliers de pixels, quelques dizaines de centimètres.

La première limite que l’on nous demande de repousser est celle de la taille d’upload autorisée par le serveur : "je n’arrive pas à uploader une image de plus de 2Mo !". Pour les fichiers de type ZIP, ou PDF, ou Word, ça se comprend, c’est contraignant, mais pour une image, ça n’a aucun intérêt, que des inconvénients.

Il faut considérer qu’un fichier image ne devrait pas :

• dépasser 2Mo (pure folie !)
• faire plus de 2500px de large (environ)

Pourquoi ces chiffres ? Car ils sont raisonnables, et c’est dans la plus grande majorité des cas largement suffisant, voir même déjà complètement overkill (sur-dimensionné en français :p).

Et comment on redimensionne facilement des images ?

Pour vous aider, de nombreux outils existent pour redimensionner, optimiser et réduire les images :

• le top du top (même s’il est vieux) : http://toki-woki.net/p/Shrink-O-Matic/
• moins performant mais pas mal (pour Mac) : https://imageoptim.com/fr
• couteau suisse (Mac ou PC) : https://www.xnview.com/fr/xnconvert/
• pour Windows uniquement : http://sourceforge.net/projects/nikkhokkho/files/FileOptimizer

Toutes ces solutions sont gratuites, c’est également faisable avec Photoshop, mais c’est moins pratique et bien sûr, Photoshop est payant :)

Mais pourquoi est-ce si mal d’uploader des images de grande taille ?

Ça n’est pas écologique !

• Les écrans, même les jolis Retina d’Apple n’affichent en général pas beaucoup plus de 2500px sur toute la largeur de l’écran. Pour la lisibilité, il est également très rare qu’une page d’un site Internet mesure plus de 1600px de large. Et il est également très rare que l’image d’un article soit affichée sur toute la largeur du site... En sommes, dans la majorité des cas, une image est rarement affichée en plus de 800px (voir moins). Pourquoi envoyer plus grand ?
• Les images trop grandes seront en général retaillées automatiquement par le site, créant de nouveaux fichiers nombreux (doublons) et cette opération est exponentiellement consommatrice de ressource serveur ! Et comme un serveur n’a pas le droit (pour des raisons de sécurité) de travailler trop longtemps sur la même tâche, et bien il n’est pas rare que ce même serveur refuse de traiter les grandes images, les pages de votre site ne s’affichent alors pas... Et c’est le drame !
• L’image de base (non utilisée si trop grande) ainsi que ses variantes de différentes tailles font partie des fichiers de votre site qui seront sauvegardés. Plus un site est lourd, plus il consommera, pour sa sauvegarde, du temps, du réseau (pour transférer les backups entre les machines) et de l’espace disque. Toutes ces actions pouvant être réduites, simplement en uploadant des images raisonnablement dimensionnées. De fait, on consomme plus sans le nécessité, ça n’est donc pas écolo !

C’est beaucoup plus long, pour vous, et pour vos internautes

• Ça vous prend du temps à uploader ! Si vous avez 10 fichiers de 12Mo au lieu de 10 fichiers de 1Mo, vous mettez 12 fois plus de temps à envoyer les fichiers, c’est autant de temps perdu à regarder inutilement et passivement votre ordinateur :)
• Les serveurs ne sont pas (et ne doivent pas) être dimensionnés pour compresser, redimensionner, retailler des images trop lourdes, c’est la cause de 90% des pages qui refusent de s’afficher :)
• Des images trop lourdes augmentent le temps de chargement des pages, ce qui nuit à l’expérience utilisateur, mais également lourdement au référencement. C’est pourquoi elles sont en général redimensionnées par le site Internet lui même. Mais redimensionner prend du temps et consomme des ressources, des pages moins rapides, un internaute moins content.

Pour conclure

Toutes ces limites, serveur, applicatives, morales, etc. n’ont pas vocation à brider, frustrer ou ennuyer les clients, loin de là. Elles sont autant de garde fous à des dérives qui entrainent au final toujours :

• des expériences utilisateurs mauvaises
• des sites instables
• des clients mécontents
• des agences qui ne dorment plus parce que les sites sont instables et parce que les clients sont mécontents

Il est pourtant simple de prendre de bonnes habitudes avec les bons outils et de faire les choses proprement, alors, pourquoi s’en priver ? :)