Bases techniques
      Revenir à l'accueil
      1. Centre de support
      2. Bases techniques

      Petit lexique des fichiers images

      Les mot lié à l'utilisation des images sur internet peut régulièrement provoquer des incompréhensions. Récapitulons ici les termes et leur usage.

      Format de fichier image

      Par format de fichier image, nous entendons son extension. C'est à dire les quelques caractères présents à la fin de son nom. 

      🖼️ Format de fichier

      Type de conteneur utilisé pour stocker l’image. Il influence la compatibilité, le poids, la qualité et les capacités (comme la transparence ou l’animation).

      • JPEG (.jpg, .jpeg) : Format compressé, idéal pour les photos. Pas de transparence. Compression avec perte.

      • PNG (.png) : Format compressé sans perte. Gère la transparence. Idéal pour les logos et visuels nets.

      • GIF (.gif) : Format limité à 256 couleurs. Gère l’animation. Léger, mais qualité faible.

      • SVG (.svg) : Format vectoriel. Parfait pour les icônes et logos. Redimensionnable sans perte.

      • WEBP (.webp) : Format moderne. Compression efficace avec ou sans perte. Supporte transparence et animation.

      Voir ici comment choisir le bon format pour mon image

      📐 Dimensions

      Correspond à la taille de l’image exprimée en pixels : largeur × hauteur.

      • Exemple : 800x600 px signifie 800 pixels de large sur 600 de haut.

      • Utile pour évaluer l’espace occupé à l’écran ou sur une page web.

      ⚖️ Poids

      Taille du fichier en ko (kilooctets) ou Mo (mégaoctets). Affecte le temps de chargement.

      • Objectif web : fichiers aussi légers que possible sans perte notable de qualité.

      • Exemple : une image de 150 Ko charge beaucoup plus vite qu’une image de 2 Mo.

      🧮 Ratio (ou rapport d’aspect)

      Rapport entre la largeur et la hauteur d’une image. Exprimé sous forme de fraction ou de proportion. 

      • Exemple : 16:9 (large écran), 4:3 (format plus carré), 1:1 (carré).

      • Important pour garantir l’homogénéité visuelle et l’adaptabilité (responsive design).

      Il arrive que le terme "format" soit utilisé pour évoquer le ratio d'une image. On veillera à ne pas confondre ces mots afin d'éviter toute incompréhension. 

      🔍 Résolution (DPI ou PPI)

      Nombre de points/pixels par pouce. Pertinent pour l'impression, peu influent sur le web.

      • Pour le web : 72 ou 96 DPI suffisent.

      • Pour l'impression : 300 DPI recommandé.

      🧩 Compression

      Méthode de réduction du poids du fichier.

      • Avec perte (lossy) : réduit le poids en supprimant des informations (JPEG, WEBP).

      • Sans perte (lossless) : conserve toutes les données originales (PNG, SVG).