TechniqueAug 1, 20246 min de lecture

Pixel ou vecteur — la différence technique La même image. Une mathématique totalement différente.

Les images en pixels (matricielles) stockent une image sous forme de grille de carrés colorés : chaque pixel est un triplet de valeurs (x, y, couleur), figé à la résolution de la source. Les images vectorielles stockent une image sous forme de mathématique — tracés, points, courbes, remplissages — recalculée à n’importe quelle taille de sortie. Les pixels excellent dans le détail photographique et la capture sans perte de sujets réels ; les vecteurs excellent dans les logos, les icônes et les tracés de découpe de production qui doivent passer à l’échelle.

Pixel grid beside a vector path diagram

Comment les images en pixels stockent une image

Une image en pixels est littéralement une grille. Une image de 1920×1080 stocke 2 073 600 pixels individuels, chacun avec une valeur de couleur (généralement 24 bits — 8 bits chacun pour le rouge, le vert et le bleu) plus 8 bits optionnels d’alpha. L’image « est » les données de pixels.

Besoin de vecteur, vous avez des pixels ?

Coincé avec un logo matriciel ? Voyez où la vectorisation automatique échoue — gratuitement.

Téléversez-le dans notre traceur en ligne, puis laissez un humain le reconstruire en vecteur propre et redimensionnable à l’infini. Conforme à la production en 24 heures.

Need something custom? Email hello@vectorwiz.com

La compression (PNG, JPG, WebP) réduit l’empreinte sur le disque mais ne change pas le modèle sous-jacent : à l’ouverture du fichier, vous obtenez toujours une grille de 1920×1080 valeurs de pixels avec laquelle travailler. L’image a une résolution fixe figée au moment de la capture ou de la création.

Comment les images vectorielles stockent une image

Une image vectorielle est une suite d’instructions de dessin. Un logo pourrait être : « commence à (10, 10), trace une courbe de Bézier jusqu’à (50, 80) avec les points de contrôle (20, 30) et (40, 70), remplis la région obtenue avec l’hexadécimal #00B74A ».

Le fichier stocke les instructions, pas l’image. À l’ouverture, le moteur de rendu (navigateur, traceur, CNC) parcourt la liste d’instructions et dessine le résultat à la taille de sortie demandée. Les instructions ne changent pas ; le rendu, si.

La mathématique de la mise à l’échelle

Prenez un logo en pixels de 200×200 et demandez au navigateur de l’afficher en 2000×2000. Il y a 4 000 000 de pixels à dessiner mais seulement 40 000 dans la source. Le navigateur doit inventer les 3 960 000 autres par interpolation — généralement bilinéaire ou bicubique —, ce qui produit des bords flous. La densité réelle d’information de l’image en 2000×2000 reste 200×200 ; vous l’avez simplement étirée.

Prenez le même logo en vecteur et rendez-le en 2000×2000. La mathématique est recalculée à la nouvelle résolution : chaque segment de courbe est évalué pour s’ajuster exactement à la grille de 2000×2000. Les bords restent nets parce que le moteur exploite la pleine résolution de sortie, de zéro.

Comportement à la mise à l’échelle pour différentes tailles de sortie
Taille de sortieSource en pixels (200×200)Source vectorielle
100×100Net (sous-échantillonné)Net
200×200Net (1:1)Net
400×400Bords légèrement flousNet
800×800Nettement flouNet
2000×2000Très flou / pixelliséNet
10 000×10 000Pratiquement détruitNet

Compromis entre taille de fichier et calcul

Les formats en pixels et vectoriels échangent l’espace contre le temps. Les pixels sont peu coûteux à rendre (il suffit d’afficher la grille à l’écran) mais coûteux à stocker en haute résolution. Les vecteurs sont peu coûteux à stocker mais exigent du calcul au moment du rendu.

Stockage et calcul selon le type d’image
ImageTaille en pixels (PNG)Taille vectorielle (SVG)Qui l’emporte
Logo simple (100 tracés)200 Ko en 2000×20005 KoVecteur (40× plus petit)
Jeu d’icônes (24 icônes)2 Mo au total en 256×25630 Ko au totalVecteur (60× plus petit)
Photo d’un coucher de soleil2 Mo en 1920×108050 Mo une fois vectoriséePixel (25× plus petit)
Portrait pictural8 Mo en 4000×4000Plus volumineux et de moindre qualitéPixel
Maquette d’UI avec texte1,5 Mo en 1920×1080200 Ko en SVGVecteur
Photo imprimée en demi-teintes5 Mo en 4000×4000Le vecteur conserve mal le grainPixel
Besoin de vecteur, vous avez des pixels ?

Coincé avec un logo matriciel ? Voyez où la vectorisation automatique échoue — gratuitement.

Téléversez-le dans notre traceur en ligne, puis laissez un humain le reconstruire en vecteur propre et redimensionnable à l’infini. Conforme à la production en 24 heures.

Need something custom? Email hello@vectorwiz.com

DPI, résolution et pourquoi le vecteur ignore les deux

Le DPI (points par pouce) est une notion propre au format en pixels. Il décrit combien de pixels par pouce de sortie le fichier doit occuper. Une image de 1200×1200 à 300 DPI s’imprime en 4×4 pouces ; à 72 DPI, elle s’imprime en environ 16,7×16,7 pouces mais paraît pixellisée à l’impression, car il n’y a que 72 pixels de détail par pouce.

Les fichiers vectoriels n’ont pas de DPI : la mathématique est rendue à la densité de pixels demandée par l’appareil de sortie. Un logo vectoriel s’imprime aussi proprement à 300 DPI qu’à 72 DPI qu’à 4800 DPI (presse offset). La frontière pixel-vecteur est aussi une frontière entre dépendance au DPI et indépendance de la résolution.

L’anticrénelage — le compromis visible

Lorsqu’un vecteur est rendu à une faible résolution de sortie, les courbes sont échantillonnées sur une grille de pixels grossière. Le moteur recourt à l’anticrénelage — des pixels partiellement transparents le long des bords — pour donner à la courbe un aspect lisse. À des résolutions de sortie plus élevées, l’empreinte de l’anticrénelage se réduit et le bord paraît plus net.

Les images en pixels ont déjà l’anticrénelage « cuit » à la résolution de la source. Quand vous les agrandissez, les pixels d’anticrénelage cuits grandissent proportionnellement et deviennent visibles sous forme de bords flous. Impossible d’ajouter de l’anticrénelage à une image en pixels sans la redessiner : la résolution de la source est un plafond infranchissable.

Quand chacun l’emporte — par type de contenu

Contenu photographique
Toujours le pixel. Le vecteur ne peut pas représenter les millions de subtiles variations de tons qu’un appareil capture. Même les vectoriseurs par IA produisent des interprétations stylisées, pas une reproduction photographique fidèle.
Logos et marques
Toujours le vecteur. Ils doivent passer du favicon au panneau d’affichage sans nouvelle mise au point.
Icônes et éléments d’UI
Vecteur. Les jeux d’icônes SVG s’affichent nets à tous les DPI d’écran ; les icônes en pixels exigent plusieurs variantes de résolution (1×, 2×, 3×).
Tracés de découpe de production (vinyle, CNC, laser)
Vecteur. L’outil de découpe a besoin de la géométrie du tracé, pas de données de pixels.
Source pour la numérisation de broderie
Vecteur. Une géométrie adaptée au point provient de tracés vectoriels propres.
Captures d’écran
Pixel. La source est nativement en pixels (votre écran).
Mixte photo + texte (annonces de magazine, affiches)
Les deux. Pixel pour la photo, vecteur pour le texte et les éléments graphiques. Combinés dans un PDF/X-4 pour l’impression ou dans un PSD/AI en calques pour l’édition.
Naimur Rahman

Naimur Rahman

Designer créatif

Designer vectoriel senior chez VectorWiz. Redessine à la main les visuels clients chaque jour pour la production d'enseignes, de sérigraphie, de broderie et de CNC.

Articles liés

Envoyez-nous un fichier

Dessiné à la main. Conçu pour la production.

Prix instantané, sans engagement. Des vecteurs prêts pour la production dans votre boîte mail sous 24 h.