Images pour mon site : comment optimiser leurs dimensions ?
Étant un élément essentiel à tout site internet, les images doivent être dimensionnées d’une manière spécifique pour un site. Or, certains professionnels du web ne connaissent ni les tailles ni les formats d’images convenables à leurs sites. Lire cet article peut vous aider à éviter les mauvais réflexes à cet égard.
Intérêt et usage du format JPEG pour les images du site web
Il est très courant et pratique d’utiliser le JPEG (ou JPG) comme format d’images pour son contenu web. C’est notamment le meilleur choix pour traiter numériquement des photos. En fait, leur petite taille est un atout central pour les images JPG. Le format JPEG réduit sensiblement le volume de données sans compromettre l’aspect qualitatif des images grâce à la compression avec perte. Soulignons tout de même qu’il ne convient pas trop aux images intégrant des zones transparentes. Ces dernières sont plutôt prises en charge par le format PNG.
Intérêt et usage du format PNG pour les images à éditer
Les créateurs du format PNG (Portable Network Graphics) ont voulu pallier certains inconvénients de l’ancien format GIF. Effectivement, le nouveau format intègre un mode colorimétrique plus large tout en considérant le pourtour transparent de certains objets. Si l’on désire par exemple utiliser un arrière-plan transparent (alpha), l’idéal est d’opter pour le format PNG. On peut donc disposer cet arrière-plan derrière les images tout en évitant de les dissimuler. Ces images PNG sont généralement utilisées dans les modèles de création de sites internet. Toutefois, les pages standards d’articles de blog ne requièrent habituellement aucun fond transparent. Sachez que l’extension png compresse les fichiers images sans altérer leur qualité. Puisque le PNG sauvegarde des données volumineuses, il entraîne donc une charge superflue sur le serveur. Quoi qu’il en soit, il est parfait pour afficher des images avec des lignes nettes ou de grandes zones claires. Les logos, icônes ou images vectorielles sont plus volumineuses que les fichiers jpeg et ont souvent un arrière-plan transparent.
Astuces d’optimisation d’images pour améliorer la présentation des contenus d’un site
Pour améliorer leur rendu sur internet, l’idéal est de choisir des images numériques ayant la même résolution en pixels (ou px). 72 pixels par pouce sont amplement suffisants pour un affichage destiné au web. Outre cette résolution, la taille d’image est également importante. Les images de taille 800×600 px conviennent pour les articles de blog. Toutefois, la taille des images ne doit pas dépasser 1200×800 px. En outre, l’insertion d’une image s’étendant sur toute la largeur de l’écran exige environ 1920 px à 2000 px. On insère souvent ce genre d’image en haut des pages web ou en arrière-plan. Pour ce qui est de sa hauteur, elle varie en fonction de l’orientation du modèle ainsi que de l’application qu’on utilise.
Elle peut se présenter sous forme d’une image de fond faisant 1200 px de haut ou d’une courte bande faisant 400 px de large. En outre, WordPress peut gérer la réduction des fichiers images volumineux. Par contre, la taille originale reste sur le serveur et le ralentit inutilement. Or, la lenteur du chargement peut dissuader les visiteurs de les consulter. Parallèlement, les internautes risquent de ne pas voir tout l’aperçu des images lorsqu’ils cliquent dessus.
Options de traitement graphique
Par ailleurs, on peut utiliser Photoshop pour la modification et la réduction des fichiers images. Vous pouvez utiliser des outils comme Photoshop pour la modification ou la réduction des images. Ceci dit, ce logiciel destiné à créer et à retoucher des images est payant et son essai gratuit est limité.
Par conséquent, il constitue un investissement inutile pour les simples usagers qui ne font pas régulièrement de traitements graphiques. Sans oublier que vous ne pourrez pas y réduire rapidement un grand nombre de photos, contrairement au programme gratuit JPEG Resampler 2010. Ce dernier est plus pratique d’utilisation que Photoshop pour réduire rapidement une grande quantité d’images. Pour éditer peu d’images, on peut utiliser Microsoft Office Pictures qui est délivré en standard avec Microsoft Office.
Bref, les détenteurs de sites internet choisissent parfois des images inappropriées qui ne font qu’alourdir et ralentir inutilement leurs pages. Alors qu’en choisissant le bon format d’image, ils pourraient réduire considérablement la taille du volume de données sans compromettre leur qualité.
Nous vous dirigeons quand même vers un prestataire très efficace si vous souhaitez économiser du temps et de l’argent dans la conception de votre site web.
