---
title: Petit lexique des fichiers images
description: 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.
---
[Passer au contenu](https://portail.voyelle.fr/knowledge/comment-fonctionne-une-image#main-content)
Français
Afficher le sous-menu pour les traductions
![Fichier source Logos\_Logo Voyelle Agence-13.png\]](https://portail.voyelle.fr/hs-fs/hubfs/Fichier%20source%20Logos_Logo%20Voyelle%20Agence-13.png?height=49&name=Fichier%20source%20Logos_Logo%20Voyelle%20Agence-13.png)
- Accueil
- Produits
- Tarification
- Blog
- Entreprise
Ouvrir la navigation principale
Fermer la navigation principale
- Accueil
- Produits
- Tarification
- Blog
- Entreprise
- Français
Afficher le sous-menu pour les traductions
- Accéder à voyelle.fr
Accéder à voyelle.fr
Bonjour. Comment pouvons-nous vous aider ?
- Il n'y a aucune suggestion car le champ de recherche est vide.
1. [Centre de support](https://portail.voyelle.fr/knowledge?hsLang=fr)
2. [Bases techniques](https://portail.voyelle.fr/knowledge/bases-techniques?hsLang=fr)
# 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](https://portail.voyelle.fr/knowledge/comment-choisir-le-bon-format-dimage?hsLang=fr)
#### 📐 **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).
- [Bonnes pratiques](https://portail.voyelle.fr/knowledge/bonnes-pratiques?hsLang=fr#main-content)
- [Numérique responsable 🌿](https://portail.voyelle.fr/knowledge/bonnes-pratiques?hsLang=fr#num%C3%A9rique-responsable)
- [Accessibilité 🖼️](https://portail.voyelle.fr/knowledge/bonnes-pratiques?hsLang=fr#accessibilit%C3%A9-%EF%B8%8F)
- [Sécurité 🔑](https://portail.voyelle.fr/knowledge/bonnes-pratiques?hsLang=fr#s%C3%A9curit%C3%A9)
- [Aide technique](https://portail.voyelle.fr/knowledge/aide-technique?hsLang=fr#main-content)
- [Cartographie](https://portail.voyelle.fr/knowledge/aide-technique?hsLang=fr#cartographie)
- [Bases techniques](https://portail.voyelle.fr/knowledge/bases-techniques?hsLang=fr)
- Accueil
- Produits
- Tarification
- Blog
- Entreprise
[](https://portail.voyelle.fr/knowledge?hsLang=fr)
Centre de support
Copyright © 2026, Voyelle