Quel format d’image PNG ou JPG pour mon site ? 💎

Quel format d’image PNG ou JPG pour mon site ? 💎

Cette image montre un comparatif entre le png et jpg et pourquoi il faut prendre tel ou tel format pour optimiser les images sur le site internet.

Le PNG et le JPG (ou JPEG) sont les principaux formats d’image qui sont utilisés pour les sites internet. Quelle est alors la meilleure résolution et le meilleur format qui permet d’embellir son site ? Notamment pour gérer la transparence du logo ou les photos de produits d’un site de e-commerce avec un fond blanc ou non. La réponse, dans ce petit cours sur ceux deux formats d’image qui augmenteront ton référencement et légèrement tes ventes !

Le PNG, le roi de la transparence et des aplats

Si tu désires gérer la transparence, c’est sans hésitation qu’il faut choisir le PNG. En effet, tu as peut-être besoin d’un logo d’une unique couleur que tu vas superposer sur des fonds unis ou dégradés sur ton site internet. Afin qu’il n’y est pas un fond blanc derrière le logo, il faut utiliser le PNG. Tu pourras ainsi le superposer par dessus la couleur de fond !

Le PNG est aussi très optimisé pour pouvoir afficher des formes simples avec peu de couleurs différentes, unies. Par exemple, tout le flat design, les icones, les logos, les favicons etc devraient être en PNG. En effet, l’algorithme qui permet de restituer une image en PNG prend en compte des calculs qui permettent de diminuer le poids si le fichier ne ressemble pas à « une photo réelle » mais à des formes, du texte…

Il faut donc utiliser le PNG pour :

  • La favicon en haut dans l’onglet.
  • Le logo qui doit être simple et correspondre potentiellement à du matérial design ou flat design.
  • Tous les éléments qui nécessitent vraiment une transparence.
  • Les éléments de texte transformés en image (c’est peu utilisé).
  • Les icônes et illustrations simples.

Hors de question d’enregistrer une photo de vous en PNG sur votre site ! L’image serait très lourde comparé à du JPG.

Le JPG parfait pour des photos !

Si tu as un site de dropshipping, de e-commerce ou de vente de services en ligne, je t’invite à utiliser des photos de produit en JPG.💎

Tu vas pouvoir jouer sur un indice de qualité lors de l’enregistrement afin de baisser le poids de l’image ! On nomme cela la compression de l’image. Plus tu baisseras la qualité et plus l’image sera légère mais la qualité baissera. Le tout est de trouver un équilibre parfait.

Sur internet, il n’y a pas forcément besoin d’avoir une image parfaite contrairement à du print. Il faut donc tester et encore tester différents critères. Il est hors de question d’avoir un logo en JPG sauf cas exceptionnel. Le JPG ne gèrera pas la transparence (carré gris et blanc en fond du fichier) qui sera remplacé par du blanc ou une autre couleur.

Comment optimiser le poids de mes images ?

Bien entendu, il existe une multitude de service qui permettent d’optimiser le poids des images. Certains sont gratuits, d’autres non. Il faut aussi prendre en compte la taille des images. Actuellement, la majorité des écrans sont en full HD en 1920X1080. On peut donc considérer cette dimension d’image comme le maximum pour une photo en plein écran 🙂 Ensuite, il faudra s’adapter par rapport à la taille des images que vous insérez pour qu’elles ne soient pas floues, ni trop lourdes.

On peut optimiser le poids des images en utilisant des services comme :

Si vous vous demandez pourquoi il faut optimiser le poids des images d’un site internet, la raison est double. Premièrement parce que votre site chargera plus vite et google aimera ça pour mieux vous référencer ! Preuve d’un site bien optimisé. Deuxièmement, vos visiteurs patienteront moins longtemps et cela peut augmenter légèrement le taux de conversion 🙂

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *