Photos, logos, icônes, bannières : toutes les images que vous utilisez sur votre site ou vos supports imprimés appartiennent à l'une de deux familles. Les images matricielles, faites de pixels, et les images vectorielles, décrites par des formes mathématiques. Les confondre, c'est risquer un logo flou sur une enseigne ou une page web inutilement lourde.
Dans ce guide mis à jour en octobre 2026, nous expliquons la différence entre ces deux types d'images, leurs formats et le bon choix selon chaque usage. Faites d'abord l'expérience : zoomez sur la même illustration dans les deux versions.
Démonstration interactive : la même illustration, un soleil et des montagnes, affichée en image matricielle de 160 pixels sur 160 et en image vectorielle SVG. En zoomant jusqu'à 16 fois, l'image matricielle laisse apparaître des carrés de couleur, les pixels, tandis que l'image vectorielle reste nette car elle est recalculée à chaque taille.
L'essentiel en bref
- Matricielle (ou bitmap, raster) : une grille de pixels. Idéale pour les photos, mais elle se pixelise quand on l'agrandit.
- Vectorielle : des formes décrites par des calculs. Elle reste nette à toutes les tailles, parfaite pour les logos et les icônes.
- Formats matriciels : JPEG, PNG, GIF, WebP, AVIF, HEIC. Formats vectoriels : SVG, AI, EPS, PDF vectoriel.
- La règle d'or : gardez toujours la version vectorielle de votre logo, et utilisez des photos matricielles bien compressées sur le web.
Qu'est-ce qu'une image matricielle ?
Une image matricielle, aussi appelée image bitmap ou raster, est une grille de petits carrés de couleur : les pixels. Chaque pixel porte une seule couleur, et c'est leur assemblage qui forme l'image. C'est le format naturel des photographies et de toutes les images riches en détails, en dégradés et en nuances.
Les formats matriciels les plus courants sont le JPEG (photos), le PNG (images avec transparence, captures d'écran), le GIF (petites animations), et les formats modernes WebP et AVIF, bien plus légers pour le web. Le HEIC est celui des photos prises avec un iPhone.
Définition et résolution : deux notions à ne pas confondre
La définition est le nombre de pixels de l'image, par exemple 1 200 × 800 pixels. Plus elle est élevée, plus l'image contient de détails, et plus le fichier est lourd. La résolution indique combien de pixels sont imprimés par pouce (ppp ou dpi) : on vise 300 ppp pour une impression de qualité. Sur un écran, seule la définition compte.
Qu'est-ce qu'une image vectorielle ?
Une image vectorielle ne contient aucun pixel. Elle est décrite par des formes géométriques : des points, des lignes, des courbes et des surfaces, avec leurs couleurs. À chaque affichage, l'ordinateur recalcule ces formes à la taille demandée. Résultat : l'image reste parfaitement nette, qu'elle mesure 16 pixels de large ou 10 mètres sur une bâche.
Les formats vectoriels les plus courants sont le SVG (le standard du web), l'AI (Adobe Illustrator), l'EPS (échange avec les imprimeurs) et le PDF lorsqu'il est exporté en vectoriel.
Un fichier SVG, c'est du code
Ouvrez un fichier SVG dans un éditeur de texte : vous y lirez la description des formes, et non une liste de pixels. Ces quelques lignes suffisent à dessiner le soleil et la montagne de l'animation ci-dessus :
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"> <!-- Un soleil : un cercle défini par son centre et son rayon --> <circle cx="22" cy="10" r="5" fill="#FF8FA3"/> <!-- Une montagne : un tracé qui relie quelques points --> <path d="M0 26 L10 13 L17 21 L23 15 L32 24 V32 H0 Z" fill="#6B4FA8"/> </svg>
Les différences en un coup d'œil
Matricielle
Image matricielle
Composée de pixels
Se pixelise à l'agrandissement
Poids lié à la définition
Parfaite pour les photos et les dégradés complexes
Retouche dans Photoshop, GIMP, Affinity Photo
Vectorielle
Image vectorielle
Composée de formes mathématiques
Nette à toutes les tailles
Poids lié au nombre de formes
Parfaite pour les logos, icônes et illustrations
Création dans Illustrator, Inkscape, Affinity Designer, Figma
La différence fondamentale tient donc à la manière dont l'image est stockée : une liste de pixels d'un côté, une description de formes de l'autre. Tout le reste en découle, de la qualité à l'agrandissement jusqu'au poids du fichier.
Avantages et limites de chaque type d'image
Les images matricielles
- Avantage : elles restituent fidèlement les détails, les textures et les variations de couleurs d'une photographie.
- Avantage : elles se retouchent facilement, avec des filtres, des corrections de couleur et des montages.
- Limite : agrandies au-delà de leur définition, elles deviennent floues ou pixelisées.
- Limite : une grande image pèse lourd, d'où l'importance de la compresser avant de la publier.
Les images vectorielles
- Avantage : elles s'agrandissent ou se réduisent sans aucune perte de qualité.
- Avantage : les fichiers sont généralement légers, et leurs couleurs se modifient en un clic.
- Limite : elles ne conviennent pas aux photographies, impossibles à décrire avec des formes simples.
- Limite : elles demandent des logiciels de dessin spécifiques, et une illustration très détaillée peut devenir lourde.
Quel format choisir selon votre usage ?
Matricielle
Photos et visuels
Photographies, publications pour les réseaux sociaux, bannières web, captures d'écran, images de produits.
Vectorielle
Identité et pictos
Logo, icônes, pictogrammes, illustrations à plat, signalétique, marquage sur des objets publicitaires.
Les deux
Supports imprimés
Carte de visite, flyer, affiche, brochure : le logo et les textes en vectoriel, les photos en matriciel haute définition.
Un conseil que nous répétons à chaque client : conservez toujours le fichier vectoriel de votre logo (SVG, AI, EPS ou PDF). C'est lui que vous demanderont l'imprimeur, le fabricant de vos goodies ou l'agence qui refera votre site. Un logo uniquement disponible en petit JPEG oblige souvent à le redessiner.
Images et site web : les bonnes pratiques
Sur un site, le choix du format a un effet direct sur la vitesse d'affichage, et donc sur l'expérience des visiteurs et votre référencement :
- Logos, icônes et pictogrammes en SVG : ils restent nets sur les écrans haute densité et ne pèsent que quelques kilo-octets.
- Photos en WebP ou AVIF, redimensionnées à leur taille d'affichage et compressées. Notre guide pour optimiser les images de votre site détaille la méthode, et nous présentons un outil simple pour compresser vos images avec Compressor.io.
- SVG et WordPress : WordPress refuse les fichiers SVG par défaut, car ils peuvent contenir du code. Elementor propose une option pour les autoriser en les nettoyant à l'import : n'importez que des SVG de source sûre.
- Un texte alternatif pour chaque image porteuse d'information, quel que soit son format.
Convertir une image matricielle en vectorielle
Passer du vectoriel au matriciel est simple : il suffit d'exporter l'image en PNG ou en JPEG à la taille voulue. L'inverse, la vectorisation, est plus délicat. Les outils de vectorisation automatique, comme la fonction Vectorisation de l'image d'Illustrator ou Vectoriser un objet matriciel dans Inkscape, donnent de bons résultats sur un logo simple aux couleurs franches.
Pour une photo ou un logo détaillé, le résultat est rarement exploitable : un graphiste redessine alors le logo à la main, à partir de l'original. C'est une étape courante lors d'une refonte d'identité visuelle.
Questions fréquentes
Quelle est la différence entre une image matricielle et une image vectorielle ?
Une image matricielle est une grille de pixels de couleur, comme une photo. Une image vectorielle est décrite par des formes géométriques recalculées à chaque affichage. La première se pixelise à l'agrandissement, la seconde reste nette à toutes les tailles.
Le PNG est-il un format vectoriel ?
Non. Le PNG est un format matriciel, composé de pixels, même s'il gère la transparence et une compression sans perte. Les formats vectoriels courants sont le SVG, l'AI, l'EPS et le PDF vectoriel.
Quel format pour un logo ?
Le logo doit toujours exister en vectoriel (SVG, AI, EPS ou PDF), pour l'impression et le web. Vous pouvez en dériver des versions PNG ou WebP pour les usages qui l'exigent, comme les réseaux sociaux.
Comment savoir si mon logo est vectoriel ?
Regardez l'extension du fichier : SVG, AI, EPS ou PDF sont bon signe. Ouvrez-le et zoomez fortement : si les contours restent nets, il est vectoriel. Un PDF peut aussi contenir une simple image matricielle, d'où l'importance du test du zoom.
Peut-on agrandir une photo sans perte de qualité ?
Pas réellement, car une photo ne contient pas plus de détails que ses pixels. Les outils d'agrandissement par intelligence artificielle peuvent améliorer le rendu en recréant des détails plausibles, mais rien ne remplace une photo d'origine de bonne définition.
Pour aller plus loin
- Optimiser les images pour votre site web : formats, dimensions et compression
- Compresser ses images avec Compressor.io, le mode d'emploi
- 10 idées de goodies et objets publicitaires, où le logo vectoriel est indispensable
- Création de site web : des visuels optimisés dès la conception
Un projet en tête ?
Parlons de votre prochain site web
Site vitrine, refonte, identité visuelle ou référencement : Alpixi accompagne les entreprises des Alpes et d'ailleurs, avec un interlocuteur unique du premier échange à la mise en ligne.
★★★★★
Noté 5/5 par nos clients sur Google
Contact direct
Agence basée à Autrans-Méaudre en Vercors
