Réduire le poids et la taille de ses photos

Afin d’optimiser la vitesse de chargement se son site, et gagner de la place sur son hébergement, vous allez voir comment optimiser vos images, en 2 étapes simples.

La 1ère étape consiste à redimensionner la photo selon les besoins de votre blog, afin que sa taille corresponde à l’affichage final lors de la lecture.

La 2de étape consiste à réduire au maximum le poids de la photo, sans aucune différence visuelle : cette seconde étape est non-destructrice, et reste à ce jour notre préférée de par ses performances, avec des résultats bien au-dessus de Photoshop ( export pour le web ).

Nous utiliserons 2 services gratuits en ligne pour optimiser nos photos, qui ont l’avantage d’être simples et rapides.

Je vous laisse découvrir notre méthode dans la vidéo :

Reduire le poids de ses photos

Pour voir la vidéo sur YouTube, cliquez sur l’image

Photo by pixelperfectdigital.com

Service Online utilisés :

Pixlr

JPEGmini

Quelle est VOTRE méthode pour optimiser la taille et le poids de vos photos ?


A propos de l'auteur

Serial entrepreneur et fan d’internet, j’ai crée et développé des business online et offline. Je souhaite mettre à disposition de tous les entrepreneurs en herbe, les trucs et les astuces tirées de mon expérience du terrain.

Laissez un commentaire 10 commentaires

Cédric - 7 mars 2014 Répondre

Salut Bruno et merci pour cette vidéo très intéressante.
Personnellement, je redimentionne mes images avec gimp au format souhaité et je les exporte en png.
Ensuite j’utilise tinypng pour compresser mon image.
J’ai ainsi une image au format png beaucoup moins volumineuse.
L’avantage de Pixlr est qu’on peut directement obtenir le format voulu sans se tromper.
Merci encore à toi.

    Bruno Rebo - 7 mars 2014 Répondre

    Apres redimensionnement dans Gimp, pourquoi l’exporter en Png ? Si c’est un Jpeg, exportes la en jpeg ( qualité 100% ) en 72ppp ( qualité web ), et passes la sous JpegMini. Si c’est un png, exportes-la en Jpeg.

    Le format png est plus lourd que le jpeg, et je ne l’utilise QUE pour les images avec transparence.
    De plus TinyPng, qui est super, m’a déjà « détruit » certaines images au niveau des couleurs.

    Fait donc le test, avec 2 images identiques, 1 en sortie Jpeg, et une en sortie Png, et je suis prêt à parier que le jpeg via Jpegmini sera la moins lourde, et sans aucune différence visuelle avec ton png.

    N’hésites pas à communiquer les résultats de ton test dans les commentaires

Alain - 9 mars 2014 Répondre

Hello Bruno. Merci beaucoup pour cette vidéo, sur mesure pour moi, qui vaut vraiment de l’or et qui, du coup, règle en bon nombre de problèmes que j’ai rencontrés et pour lesquels je suis resté sans réponse et sans solution.

    Bruno Rebo - 10 mars 2014 Répondre

    Merci Alain.
    Content que ce mini tuto puisse t’aider.
    J’aime les trucs simples et rapides, sans prise de tête.

Youcef Kébaïli - 16 avril 2014 Répondre

Salut Bruno,

Je ne l’ai pas fait exprès mais j’ai publié un article sur le même sujet il y a quelques semaines !

http://www.dessinemoiunsite.com/comment-reduire-le-poids-des-photos-pour-votre-site-web/

Personnellement j’utilise l’outil Photo Réducteur, pour faire du redimensionnement massif par dossier complet, je trouve que c’est le meilleur outil.

Sinon, pour une photo à la fois, Paint peut largement suffire (en JPG). Je réserve GIMP aux travaux plus élaborés de retouche.

As-tu testé Photo Réducteur ?

    Bruno Rebo - 28 mai 2014 Répondre

    Salut Youcef,

    non je n’ai pas testé Photo Réducteur, car je suis sur Mac… et c’est un logiciel PC.
    Le choix de services en ligne pour ce tuto s’est fait de par les outils performants aujourd’hui à disposition de tout à chacun, et de la facilité d’emploi : juste une connexion internet suffit : faisable depuis n’importe quel ordinateur, en voyage par exemple ).

ego - 27 mai 2014 Répondre

Bonjour,

Photoshop, de notre point de vue, est le meilleur que nous ayons trouvé pour réduire efficacement les photos. Cela dit il y a une limite à la réduction du poids des photos, surtout lorsqu’elle sont en JPG. Par rapport à la vidéo et avec des thèmes qui utilisent une lightBox cela peut être intéressant d’avoir une grande image qui s’adapte aux grands écrans (5000 pixel par contre c’est énorme !). D’un autre coté Google images est friand des images de qualité.

Je ne connaissais pas PXLR par contre, c’est un bon service pour ceux qui n’ont pas de logiciel tel que photoshop 🙂

    Bruno Rebo - 28 mai 2014 Répondre

    Comme tu le soulignes, la réduction de poids des jpeg n’est pas top avec Photoshop. JpegMini permet de réduire au maximum sans perte de qualité.
    Concernant Pixlr, c’est très bien quand on a pas les moyens d’investir dans Photoshop, cela convient à des besoins simples.
    Concernant la lightbox, effectivement, mais il faut qu’elle soit responsive, ce qui n’est pas le cas de toutes ( perso, 1200 pixels suffisent : après tout dépend de la destination des photos ).

laurent - 2 septembre 2015 Répondre

super, merci pour ces ressources très bien faites, je vois la date… je vais de ce pas voir si cela existe toujours.

    Bruno Rebo - 3 septembre 2015 Répondre

    Hello Laurent,

    pas de souci, les outils existent toujours.

Laisser un commentaire:







18 Partages
Partagez18
Tweetez
Enregistrer