Nous utilisons juste ce dont on a besoin pour le fonctionnement du site. Pour plus d'infos lire notre politique de confidentialité.
icon-cookies-3D

Comment réduire la taille de mes visuels pour améliorer la performance de mon site Webflow ?

Florian Bodelot
Florian Bodelot
October 7, 2021
Améliorer performance web tuto 1 Digidop

Tables des matières

Comment réduire la taille de mes images pour améliorer la performance de mon site internet Webflow ?

L'un des moyens d'améliorer les performances de votre site Web consiste à réduire le temps de chargement des pages. Afin d'optimiser ce phénomène, il est vital que vous trouviez des moyens efficaces d'optimiser les images de votre site Web.

Voici une méthode en 2 étapes pour atteindre cet objectif avec ILOVEIMG :

1 - Réduire les dimensions de votre image

Il est inutile d'avoir une image formatée en 3000x2500 pixels si vous voulez la publier dans une mise en page de 800x500 pixels. La meilleure façon de s'assurer que votre image s'adapte parfaitement à la taille de votre destination est de la redimensionner autant que possible avant de la charger. La réduction de l'image a un impact majeur sur la taille et c'est une victoire facile si elle est effectuée correctement.

1.1 Exemple image très large 3000 x 1996 px = 3,7 MB  

Before-compressing-files

1.1 Étape 1 : redimensionner image

Tuto-etape-1-compression-image

1.2 Étape 2 : veillez à conserver les proportions

Tuto-etape-2-compression-image

2 - Save 80% en 1 clic : compresser votre fichier !

La fonctionnalité de compression de fichier JPEG/PNG est incroyable. Elle vous permet de réduire (sans perdre de qualité, ou presque) le poids de vos fichiers jusqu'a 90%. Rien de plus simple, télécharger votre fichier et appuyer sur le bouton. Voilà, c'est prêt.

2.1 Étape 3 : compresser image

Tuto-etape-3-compression-image

2.1 Avant compression : 1.58 Mb

2.2 Après compression :  292 Kb

Conclusion : votre image est passé de 3 MB à - de 300 Kb

After reduce size files for the web result

Vous préférez les tutoriels vidéos ?

Lien vers le tutoriel vidéo youtube : ici (Comment réduire le format de votre image par + de 10)

Lien vers l'outils d'optimisation : ILOVEIMG

Partager

Vous méritez un site Webflow qui fait l'effet " Wahouu " !

Prenez contact avec nous aujourd'hui. L'équipe fantastique de Digidop est prête pour vous aider à construire un site web qui répond à vos besoins 🚀

100% de nos clients nous ont attribué la note maximale de 5/5.
Site digidop.fr sur un écran d'ordinateur avec un badge de recommandations et des réactions