© 2022 All rights reserved. Pragmacom.

Comment réduire et compresser vos images avant de les poster en ligne

pragmacom.eu rendre facile web création graphique réduire compresser image pour le web illustration 1

Réduire et compresser une image pour optimiser son affichage

Nous faisons de plus en plus de photos (en haute définition) grâce, notamment, à nos survitaminés smartphones. Un petit chiffre en passant : plus de 50 milliards de photos ont été partagées sur Instagram depuis son lancement en 2010.

Pour illustrer votre site web, votre compte Facebook ou Instagram, la photo prise avec le téléphone se retrouve très vite en ligne.

Avant d’uploader cette photo en ligne, il est important d’optimiser celle-ci.

Les images lourdes sont inutiles

  • Les images lourdes ralentissent drastiquement le temps d’affichage de la page consultée.
  • Ces photos en haute définition ne sont pas nécessaires point de vue qualité à l’écran. N’oubliez pas qu’un écran à une résolution de 72 pixels par pouce et une dimension finie. Dépasser ces données ne sert strictement à rien.
  • La lourdeur des illustrations est un gros point négatif point de vue SEO.
  • Ces images prennent de la place inutilement sur les serveurs, sur votre hébergement. Ce qui a un impact écologique certain.
  • Le temps d’upload sera aussi impacté, et donc votre consommation de data…

Réduire et compresser la taille d’une image pour le web et les réseaux sociaux

Pour réduire une photo, on peut intervenir sur deux aspects : la taille de l’image et sa compression (nous partons du principe que vos images ont une résolution de 72 dpi (pixels par pouce), résolution pour le web.

Réduire la taille de l’image sur Mac

Vous avez une image à mettre en ligne.

pragmacom.eu rendre facile web création graphique réduire compresser image pour le web illustration 1

La réduction de taille de l’image est très simple et se passe dans Aperçu. Faites une copie de votre image d’origine et renommez-la par exemple image_web.jpg. En cliquant sur cette copie de l’image, dans Aperçu, vous pouvez directement gérer les dimensions de l’image via Outil > Ajuster la taille…

pragmacom.eu rendre facile web création graphique réduire compresser image pour le web illustration 1

Dans la fenêtre, on sélectionne pixels dans le menu déroulant et on met la dimension souhaitée. Ici 1920 pour une photo qui doit aller sur un site de photographe. Pour une image d’illustration, comme les photos illustrant cet article, 650 ou 800 pixels de large sont des bons compromis. Il est clair que laisser la proportionnalité est important.

pragmacom.eu rendre facile web création graphique réduire compresser image pour le web illustration 1

Vous pouvez voir en direct le gain de poids en fonction de vos sélections.

OK > cmd+S pour enregistrer.

Réduire la taille de l’image sur Windows

Double cliquer sur l’image et l’ouvrir avec Photos. Cliquer sur le picto ··· en haut à droite, puis sur redimensionner.

Sélectionnez Définir les dimensions personnalisées pour mettre la dimension désirée. Laissez coché Conserver les proportions.
Cliquez sur Enregistrer la copie redimensionnée. Elle se trouvera dans votre dossier image par défaut.

Les réseaux sociaux et leurs formats d’image

Chaque réseau social a une palette de dimensions selon leur utilisation : photo de couverture, de profil, photo pour post, etc… Et cela évolue dans le temps.
Pour être sûr que votre image soit la mieux considérée et la plus efficace, dans votre moteur de recherche préféré, tapez les mots : dimensions image réseaux sociaux. Vous trouverez de nombreux site en fonction des années, par exemple graphiste.com, très complet.

pragmacom.eu rendre facile web création graphique recardrer tailles images pour réseaux sociaux

Pour avoir les dimensions exactes, il est possible de recadrer vos images aux dimensions demandées par les réseaux sociaux.

Réduire et compresser son image et la rendre plus légère

En dehors des logiciels spécialisés, open source (GIMP ou Adobe Photoshop Express) ou pas (Photoshop ou Luminar), un petit site web concentre ses actions sur la compression d’image.

pragmacom.eu rendre facile web création graphique réduire compresser image pour le web illustration 4

Sur Optimizilla, cliquez sur Sélectionner, chargez votre image maintenant à bonne dimension.

pragmacom.eu rendre facile web création graphique réduire compresser image pour le web illustration 5

La photo chargée, un réglage en bas vous permet de définir la valeur de la compression jpeg. C’est une compression basée sur plusieurs algorithmes. Pour information, une compression d’image peut se faire sur le nombre de pixels (jpeg) ou/et sur le nombre de couleur (gif, png). Dans le cadre d’une photo, la compression sur la nombre de pixels est de mise.
Testez avec une compression maximale, donc, une qualité définie par exemple à 10, vous verrez très facilement le côté destructeur de la compression :

pragmacom.eu rendre facile web création graphique réduire compresser image pour le web illustration 6

Une compression entre 10 et 20% et donc une qualité entre 80 et 90, permet de gagner vraiment beaucoup de poids et maintient une certaine qualité. Qualité qui dépend, de nouveau, de votre objectif. Sachez également, que les réseaux sociaux compressent d’office la toute grosse majorité de vos photos pour alléger leurs serveurs…

Maintenant, faite travailler vos smartphones et boîtiers numériques !

Laissez-nous optimiser vos projets !

On partage
pragmacom.eu Rendre Facile Hébergement de projets en ligne webtools Namur Wallonie
pragmacom.eu Rendre Facile Hébergement de projets en ligne websites Namur Wallonie
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie
pragmacom.eu Rendre Facile Hébergement de projets en ligne graphisme Namur Wallonie
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie logo partners OVH
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie logo partners Microsft 365
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie logo partners Apple
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie logo partners WordPress
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie logo partners Adobe
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie logo partners Mozilla
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie logo partners Open Source
pragmacom.eu Rendre Facile Hébergement de projets en ligne hosting Namur Wallonie logo partners Graphism
Top