SĂ©lectionner une page

Comment alléger facilement le poids de ses images.

7 Juin 21 | Les Nueva Vista ressources et outils.

Alléger le poids des images

Tu le sais, sur nos Ă©crans nous consommons autant d’images que Joey Chestnut des hot-dogs pendant un de ces concours du plus gros mangeur de saucisses transgĂ©niques entre deux morceaux de carton aux OGM.

Ces images ont un fort impact environnemental :

  • elles prennent de la place sur nos serveurs, donc consomment de l’Ă©nergie.
  • plus une image est gourmande plus elle consomme de la bande passante et de la mĂ©moire vive. Un peu comme si on te demandait de soulever une barre de 80 kilos tout en calculant t dans ( 0.8 X (e^-0.2t)) / ( 1+ 4X(e^-0.2t))ÂČ > 0.9 🙄

Sans compter que des images lourdes peuvent ralentir ton site ou leur téléchargement dans tes newsletters. Totalement contre-productif, non?

Tu n’as pas besoin qu’une image fasse 5200x2800px (ouuuh mon dieu je vois d’ici le compteur Mo s’affoler đŸ˜±) pour qu’elle apparaisse de bonne qualitĂ© sur l’Ă©cran de ton ordinateur.

Alléger le poids de tes images avant de les exploiter est une pratique facile à mettre en place.


Sommaire :

1/ UTILISE DES OUTILS EN LIGNE POUR RÉDUIRE LE POIDS DE TES IMAGES

2/ TU AS UN DRIVE OU CLOUD : FAIS APPEL À DES LIENS

3/ PRIVILÉGIE LES ILLUSTRATIONS AUX PHOTOS

4/ SI TU UTILISES PHOTOSHOP, ILLUSTRATOR OU UN AUTRE LOGICIEL DE LA SUITE ADOBE


1/ Utilise des outils en ligne pour réduire le poids de tes images

Compresse facilement tes images avec avec des outils gratuits comme Compressor et tinyPNG.

Il te suffit de charger tes images et ces deux outils font le reste. Ils rĂ©duisent tes images jusqu’Ă  80% ! Pas nĂ©gligeable hein ?!

2/ Tu as un drive ou cloud : fais appel Ă  des liens

Si tu utilises un drive ou dropbox, alors tu peux embarquer des images via un lien : privilĂ©gie cette solution ! Pour rappel, quand tu mets une image dans ta newsletter ou dans un article de blog, celle-ci est chargĂ©e sur un serveur. Et, quand tu utilises un drive, tu utilises aussi un serveur. Donc, en faisant un lien vers ton drive, ton image n’est prĂ©sente que sur 1 serveur = Ă©conomie d’Ă©nergie !

Attention par contre si tu changes ton image de place dans ton drive : le lien ne pointera plus au bon endroit. Il faut donc ĂȘtre vigilant.e sur ce point.


Je fais une petite digression ici : j’ai choisi kDrive de chez Infomaniak, pour 120€ par an, et j’en suis trĂšs trĂšs contente 😉. Je sais que mes donnĂ©es sont protĂ©gĂ©es, sĂ©curisĂ©es et je suis contente de travailler avec une entreprise europĂ©enne soucieuse de son impact environnemental et social.

Les services sont les mĂȘmes que sur Google Drive :

  • stockage de fichiers
  • crĂ©ation de fichiers online (embarque la suite Office : Word, Excel et PowerPoint. Fonctionne aussi avec LibreOffice et OpenOffice 😊 )
  • partage avec des collaborateurs (consultation, modification, gestion) + possibilitĂ© de sĂ©curiser un cran au-dessus avec la demande d’un mot de passe pour accĂ©der Ă  un fichier ou un dossier.

Tu peux importer en quelques clics tout le contenu de ton cloud actuel (Dropbox, Google Drive, Microsoft One Drive). Tout sera Ă  sa place. Automatiquement.

https://nuevavista.fr/wp-content/uploads/2021/05/Presentation-kDrive-My-kSuite-Infomaniak.jpg

Pour consulter l’offre kDrive d’Infomaniak, c’est par ici !*

*lien affiliĂ© (PS : mais tu sais que je ne m’affilie qu’aux marques dont je reconnais la qualitĂ© des produits…)


3/ Privilégie les illustrations aux photos

Les illustrations vectorielles ont le gros avantage de ne pas perdre en rĂ©solution lors d’une compression sĂ©vĂšre. Elles sont, de fait, toujours plus lĂ©gĂšres que les photos. C’est la raison pour laquelle j’ai fait le choix d’utiliser ce type de visuel sur mon site. Je te dĂ©conseille par contre de mĂ©langer photos/illustrations, c’est plutĂŽt « casse-gueule » : ton auditoire aura du mal Ă  s’y retrouver. Sauf si bien sĂ»r, cela est rĂ©git par une charte ou un calendrier de publication.

Évidemment, comme pour les photos, ta bibliothĂšque d’illustrations doit ĂȘtre cohĂ©rente, avec une charte graphique respectĂ©e : illustration de mĂȘme famille, couleurs similaires… Tu peux trouver des sĂ©ries d’illustrations via Freepik notamment (je te laisse le soin de lire ma newsletter d’avril 2021 dans laquelle j’explique ma position par rapport Ă  ces outils « mangeurs de graphistes »).

4/ Si tu utilises Photoshop, Illustrator ou un autre logiciel de la suite Adobe

Utilise la fonction « Enregistrer pour le web ». Aussi simple que de te garer en Ă©pi en marche avant (sauf pour ma mĂšre, mais ça, c’est une autre histoire). Bizarrement, en discutant autour de moi, je me suis rendu compte que peu de personne utilisait cette fonction.

Fichier > Exportation (ou Exporter pour Illustrator) > Enregistrer pour le web.

Une fenĂȘtre s’ouvre :

https://nuevavista.fr/wp-content/uploads/2021/05/enregistrer-pour-web.png

Tu enregistres, et boum, tu as une image avec une compression de qualitĂ© prĂȘte Ă  ĂȘtre tĂ©lĂ©chargĂ©e Ă  la vitesse de la lumiĂšre 🙂

Affinity, le concurrent direct d’Adobe propose aussi cette fonction.

Bref, plusieurs solutions s’offrent Ă  toi pour allĂ©ger notre planĂšte de plusieurs milliards de mĂ©gaoctets.
Tu peux le faire pour toutes tes utilisations d’images : que ce soit sur ton site internet, tes publications sur les rĂ©seaux sociaux, tes partages dans des clouds ou drive.

Allez, dùs cette semaine tu essaies ? 🙂

Cet article t’a plu ? Alors je pense que ma newsletter te plaira aussi ! Tous les 15 jours, je t’avertis de la sortie de mon dernier article et je te parle de mon quotidien d’entrepreneure engagĂ©e pour un travail de qualitĂ© et un monde meilleur. Abonne-toi!

.
0 0 votes
Évaluation de l'article
S’abonner
Notification pour
guest

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

0 Commentaires
Commentaires en ligne
Afficher tous les commentaires
Newsletter Nueva Vista

Abonne-toi 😃

Retrouve tous les 15 jours un article sur mon quotidien de freelance engagée pour un travail de qualité et un monde meilleur.

C'est tout bon! Merci pour ton abonnement 🙂

Pin It on Pinterest