Accueil » Blog » Une image en surpoids

Une image en surpoids

Au hasard de mes recherches, je suis tombé sur une page dont la photo centrale mettait un temps anormalement long à se charger.

J’ai vérifié : cette photo pèse près de 1,4 Mo. Soit, à elle seule, 15 fois le poids maximal que je recommande pour une page web de ce type.

Source : Mutuelle Prévoyance Santé.

L’erreur est simple : L’éditeur du site a intégré une photographie haute résolution, en donnant pour instruction au navigateur de la redimensionner. En d’autres termes, le poids de cette photographie est démesuré par rapport à sa taille à l’écran.

Concrètement, il est fortement conseillé de retailler les photos et de les compresser AVANT de les intégrer dans les pages web.

Commentaires des lecteurs

  • Comment by Sylvain — 23 June 2008

    Il a des évidences comme cela qu’il est visiblement toujours bon de rappeler de temps en temps 🙂

  • Comment by Guy, photographe — 23 June 2008

    Là, ça me fait vraiment plaisir de lire ce billet ! Sur certains blogs à connotation "écolo" qui font la promotion des économies d’énergie et affichent fièrement des images de 256k° qui contiennent 3 couleurs – il y en a dix sur la page-, j’ai préconisé d’optimiser les images comme je le fais à chaque formation Photoshop pour le web. Pourtant c’est simple (mais fallait le savoir). Ca n’a pas du plaire, mon commentaire a été effacé.

  • Comment by Marin — 27 June 2008

    Tiens, justement est-ce que tu as une liste de recommandations?

  • Comment by Guy, photographe — 27 June 2008

    @Martin : de recommandations pour l’optimisation ? Oui, je demanderai à mon webmaster de mettre ça en ligne ou dans la newsletter quand elle rentrera de congés (il faut donc s’inscrire à ma newsletter sur photo.guyvan.com/fr/conta…

  • Comment by Jean — 11 January 2013

    Le poids maximal recommandé pour une page est de 100 ko?

Votre commentaire

Your email address will not be published. Required fields are marked *

Je suis un humain*

This site uses Akismet to reduce spam. Learn how your comment data is processed.