Saviez-vous que les images sont particulièrement gourmandes en bande passante ? Elles demandent ainsi à être parfaitement optimisées afin de ne pas...
Équilibre, équité, justice, protection… les logos symétriques sont particulièrement sollicités par les...
Les couleurs ont toutes une signification et renvoient à des interprétations variées. Ainsi, si les couleurs vives confèrent un...
Une fois votre document finalisé, soit vos textes bien rédigés et la mise en page achevée, il ne vous reste plus qu’à...
L’identité d’une marque passe par le choix de la parfaite typographie. Un choix des plus importants qui doit permettre de créer le...
Été comme hiver, les soldes représentent une période cruciale pour les commerçants. Une période qui vous permet de...
Afin d’assurer la pérennité de votre magasin, voire d’en développer l’activité, vous devez impérativement...
Le secteur des cosmétiques s’offre le luxe d’être capable de développer une clientèle fidèle qui utilise des...
Vous en avez sans doute conscience, mais pour être réussie, la pochette d’un disque doit simultanément être originale, belle,...
L’UI design se rapporte à l’environnement graphique dans lequel évoluent les utilisateurs de votre logiciel, de votre site web ou de...
Saviez-vous que les images sont particulièrement gourmandes en bande passante ? Elles demandent ainsi à être parfaitement optimisées afin de ne pas impacter négativement la...
Saviez-vous que les images sont particulièrement gourmandes en bande passante ?
Elles demandent ainsi à être parfaitement optimisées afin de ne pas impacter négativement la vitesse de chargement de votre site web. En effet, les utilisateurs n’acceptent plus aujourd’hui de patienter plus de 2 secondes, sans quoi ils abandonnent purement et simplement leur visite.
Ainsi, un site ecommerce trop lent bénéficie d’un taux de conversion plus faible qu’un site de vente en ligne plus rapide. Ne vous laissez pas handicaper par vos images, voyons ensemble comment accélérer leur chargement.
Sur le web, on utilise principalement deux types d’images : le PNG et le JPEG (JPG).
Ne vous avisez jamais de charger une image EPS, AI, PSD ou encore TIFF sur votre site internet, au risque de plomber littéralement son chargement.
En résumé, vous devez privilégier le format JPG pour toutes vos photographies. Un type d’image on ne peut plus judicieux, puisqu’il permet de gérer efficacement les couleurs de vos photos et offre une qualité similaire au PNG, tout en étant bien plus léger.
Vous devez impérativement trouver le parfait équilibre entre la taille et la résolution de votre image. En effet, celle-ci doit être suffisamment légère pour votre site web, tout en évitant d’être floue.
Le conseil paraît évident, il est pourtant parfois difficile à appliquer. Nous répugnons bien trop souvent à limiter le nombre d’images par page. En effet, on le sait, une page web bien illustrée est aussi bien plus attractive. Elle a donc plus de chances d’être lue jusqu’au bout.
Toutefois, si cette même page est trop lourde en images, son temps de chargement risque également d’être trop lent. De fait, votre page sera probablement très attractive, mais les visiteurs la fuiront avant de l’avoir consultée.
Vous devez donc trouver le juste équilibre entre contenu texte et contenu image, en supprimant certaines de vos illustrations lorsqu’elles sont trop nombreuses.
Une pratique qui vous aidera à réduire le nombre de requêtes HTTP d’image, et permettra d’améliorer votre UX en privilégiant les images qui font réellement sens vis-à-vis de votre contenu écrit.
Afin d’optimiser au mieux vos images et en réduire le temps de chargement, vous devez parvenir à un juste équilibre entre leur taille et leur résolution.
Les images ont été compressés et uniformisés pour garder de la cohérence.
Pour vous y retrouver, prenons d’abord la précaution de définir précisément ce qu’est la taille du fichier et ce que signifie “la taille de l’image” :
Afin de limiter le temps de charge de votre image, commencez donc par la redimensionner. Des dimensions qui sont relatives à l’utilisation que vous faites de votre photo sur votre site internet.
Seconde étape afin de réduire la taille de votre fichier, vous devez vous assurer d’une résolution adéquate au support web. Cette résolution est inhérente à la qualité ou à la densité de votre image, et elle s’exprime en pixels par pouce (dpi ou ppi). En général, on utilise une résolution 72 pixels par pouce pour les images destinées à un support web.
Recadrer une image sur Pixlr est très simple.
Toutefois, si vous n’êtes pas très à l’aise avec les logiciels PAO, sachez qu’il existe des logiciels photo en ligne qui vous permettront de réduire automatiquement la résolution de votre photo afin de la rendre compatible avec le web. On pense notamment ici à Canva ou Pixlr.
Enfin, il est tout à fait possible de compresser vos images afin de réduire leur poids et donc leur impact sur vos temps de chargement.
Il existe d’ailleurs différents outils gratuits (comme tinypng.com) qui permettent de réduire la taille de vos fichiers tout en maintenant une qualité acceptable.
Le taux de compression peut ainsi varier de 25 à 80 % en fonction de votre fichier.
Faites appels aux compétences d’un graphiste professionnel freelance pour modifier vos images !
Abonnez-vous pour recevoir notre sélection des meilleurs articles directement dans votre boîte mail.
Nous ne partagerons pas votre adresse e-mail.