Taille des images pour communiquer sur le Web et les réseaux sociaux

L'image, un élément indispensable dans un site Web.

Joindre une image à un texte est devenu incontournable, il n'est plus de publication visible sans une image de bonne qualité, que cela soit sur le Web ou sur les Réseaux Sociaux.

La finesse de lecture de nos écrans étant de plus en plus précise, les images acceptables il y a encore peu, peuvent rapidement avoir un rendu médiocre. Les Réseaux sociaux, sites de diffusion d'annonces se réservent le droit refuser une image en dessous d'un seuil de qualité.

Il faut donc faire très attention avant de diffuser une image et qui plus est si vous devez vous en servir pour faire de la pub, pour une location ou une destination de vacances par exemple.

Les formats à prendre en compte et sans rentrer dans des explications trop complexes, voici quelques infos :

La dimension : Correspond à la largeur et hauteur que votre image occupe sur votre écran. Elle s’exprime en pixels.

La taille : Je préfère y faire notion de taille de fichier, espace occupé sur votre disque dur, nous parlons ici de Ko ou Mo. (Kilooctets ou Mégaoctets)

La résolution : correspond à la quantité de pixels qu’il y a sur une longueur donnée. Cette valeur s’exprime en ppp (point ou pixel par pouce) ... Plus cette valeur est élevée, plus la densité de pixels est importante et plus l’image a du détail.

Le pixel est l’unité de base d’une image.

Il est un point carré et l’ensemble de ces points constitue l’image.

Le terme « Définition » détermine la dimension ou la taille physique d’une image, exprimée généralement en millions de pixels.

Un appareil photo possède une définition, c’est la taille de son capteur : par exemple 12 mégapixels, soit 12 000 000 pixels, soit une image de 4000 * 3000 pixels

Pixels

Une image de bonne qualité?

Comment connaître la résolution d'une image ?

Sans se mentir, si vous affichez l'image sur votre écran et que celle ci n'occupe que la place d'un timbre poste, il y a peu de chance qu'elle corresponde aux standards de qualité.

Un autre détail, en dessous de 600 à 800 ko, soyez assurés que la résolution aura du mal à faire ressortir certains détails, mais cela dépendra du sujet photographié.

Dans votre ordinateur, allez dans le dossier où se trouve votre photo, cliquez dessus en faisant un clic droit ! Descendez jusque Image.

Propriété Image Réseaux Sociaux

En descendant le curseur (sur votre droite), vous obtenez toutes les informations contenues dans le fichier, cela peut même aller jusqu'au modèle d'appareil photo...

Puis, plus bas, dans Fichier, vous avez les informations propres au fichier, sa taille, son emplacement, le type.

Pour Facebook et toute communication sur internet... en dessous de 600 pixels de large, nous sommes dans le fortement compromis.
Préférez des images en format "Paysage", soit plus larges que hautes, jamais dans l'autre sens. Facebook préconise des images de 1200 X 650 pixels afin de cadrer correctement dans un fil d'actualité et de s'afficher en pleine largeur.

Twitter se contente de 440x220px voire 506×253 pixels, mais rien vous empêche d'aller au delà.

Même si dans certains éditeurs, WordPress par exemple, les images sont redimensionnées afin de gagner du temps en téléchargement, préférez ce type de format. Soit un espace disque de 1 mo env. Comme pour Instagram téléchargez des photos en 1080×1080 pixels, elles sont redimensionnées ensuite de moitié.

Rien ne vous empêche d'aller au delà de ces tailles d'images, mais sachez que de mettre en ligne des images trop importantes peut poser ensuite des problèmes de lecture dus cette fois à la lenteur de l'affichage de ces images au travers de votre connexion...

Un nouveau format d'image ? WebP

Format WebP, définition et avantages !

WebP est un nouveau format d’image développé par Google dans le but de rendre les pages web plus rapide à ouvrir, il peut être réduit jusqu’à 30% de taille comparativement aux JPG et PNG sans toutefois altérer la qualité de l’image. WebP a plusieurs modes de compression, que ce soit par perte, sans perte ou avec de la transparence, il est le couteau suisse des formats d’images web.

Ce format a donc été développé dans le but de remplacer les JPEG, PNG, et GIF, tout en ayant une bonne capacité de compression, conservant la transparence et les animations.

https://developers.google.com/speed/webp/gallery1

Très utile si vous avez des sites très graphiques et de grosses banques d'images.

Alors vous allez me dire que cela est génial pour un site Web... Hélas non, vous ne pouvez pas mettre tel quel une image Webp dans un site, vous devez la convertir avant cela, mais rassurez vous les convertisseurs ne manquent pas.

Sachez toutefois que ce format n'est pas supporté par tous les navigateurs... et si vous souhaitez bien approfondir la question, vous avez un très bon article ici.

 

Pascal Bazzea: 26/03/2018

Modifié le 22/06/2020

Avis clients

Laisser un commentaire