Najah.
Mon plan de révision⚡ Défi flash

Design de communication et multimédia · 2ème Année Bac — Arts appliqués

Principes de l'image numérique et traitement vectoriel

Le cours expliqué simplement, les questions que tous les élèves se posent et des exercices type examen national. Programme marocain, gratuit.

📘 Fiche de cours

L'essentiel du cours

L'image numérique se divise en deux familles :

  1. Image matricielle (Bitmap) : Composée d'une grille de pixels. Elle dépend de la résolution (ex: JPEG, PNG). Si on l'agrandit, elle perd en qualité (pixellisation).
  2. Image vectorielle : Composée d'objets mathématiques (courbes de Bézier, points d'ancrage, vecteurs). Elle est indépendante de la résolution et peut être agrandie à l'infini sans perte.

Notions clés :

  • Résolution : Exprimée en DPI (Dots Per Inch) ou PPP (Pixels Par Pouce). Pour l'impression, on utilise généralement $300$ DPI. Pour l'écran, $72$ ou $96$ DPI suffisent.
  • Profondeur de couleur : Nombre de bits utilisés pour coder la couleur d'un pixel.
  • Poids d'une image : $Poids = Largeur \times Hauteur \times Profondeur_couleur$.

Méthodes à maîtriser

  • Calculer le poids d'une image matricielle non compressée.
  • Convertir des unités (pouces en cm, octets en Mo).
  • Choisir le format adapté selon l'usage (Print vs Web).
  • Identifier les outils de création vectorielle (courbes, tracés).

Exemples corrigés

Calcul de poids : Une image de $10 \times 10$ cm à $300$ DPI (1 pixel = 24 bits).

  1. Conversion en pouces : $10 \text{ cm} \approx 3,94 \text{ pouces}$.
  2. Nombre de pixels : $(3,94 \times 300) \times (3,94 \times 300) = 1182 \times 1182 \approx 1,4 \times 10^6$ pixels.
  3. Poids en octets : $1,4 \times 10^6 \times (24/8) \text{ octets} \approx 4,2 \text{ Mo}$.

Erreurs fréquentes

  • Confondre la résolution (DPI) avec les dimensions en pixels.
  • Croire que le vecteur est toujours meilleur : le vecteur est idéal pour les logos, mais le matriciel est indispensable pour les photographies complexes.
  • Oublier de convertir les bits en octets (diviser par 8).
La question que tu n'oses pas poser en classe ? Pose-la à UstadZéro jugement, même en darija, même à minuit. Il t'explique pas à pas et corrige ta démarche. Gratuit.

Défi flash : 4 questions

Sans compte

🎯 Principes de l'image numérique et traitement vectoriel

1/4

Quelle est l'unité de mesure de la résolution d'une image numérique ?

❓ Questions fréquentes

C'est quoi la différence entre un pixel et un vecteur ?
  1. Le pixel est un petit carré coloré, unité de base de l'image matricielle.
  2. Le vecteur est une ligne mathématique définie par des coordonnées.

💡 À retenir : Le pixel est fixe, le vecteur est calculé.

Kifach n7seb poids dyal l'image ila 3tani l'exercice la résolution?
  1. Calcule le nombre total de pixels : $Largeur(px) \times Hauteur(px)$.
  2. Multiplie par la profondeur de couleur (en bits).
  3. Divise par 8 pour avoir le résultat en octets.

💡 À retenir : $Poids (octets) = (L \times H \times bits) / 8$.

Pourquoi on utilise 300 DPI pour l'impression ?
  1. L'œil humain ne distingue plus les points à cette densité à une distance de lecture normale.
  2. Cela garantit une netteté parfaite sur papier.

💡 À retenir : 300 DPI = standard qualité professionnelle pour le print.

Wach l'image vectorielle kat pixeliza ila kbertha bzaf ?

Non, car elle est basée sur des calculs mathématiques. Quand tu agrandis, le logiciel recalcule les courbes instantanément.

💡 À retenir : Le vecteur est indépendant de la résolution.

C'est quoi une courbe de Bézier ?

C'est une courbe définie par des points d'ancrage et des poignées de direction qui permettent de créer des formes fluides.

💡 À retenir : C'est l'outil fondamental du dessin vectoriel.

Chno l'format li nkhdem bih ila bghit n'imprimer logo ?

Utilise un format vectoriel comme .AI, .EPS ou .PDF.

💡 À retenir : Le vecteur est obligatoire pour les logos afin de garder la qualité sur tous les supports.

Est-ce que je peux transformer une image matricielle en vectorielle ?

Oui, via une technique appelée "vectorisation" (ou "tracé dynamique"), mais le résultat dépend de la complexité de l'image.

💡 À retenir : La vectorisation automatique ne remplace pas un dessin manuel précis.

C'est quoi la profondeur de couleur ?

C'est le nombre de bits alloués à chaque pixel pour définir sa couleur. Plus il est élevé, plus l'image contient de nuances.

💡 À retenir : 8 bits = 256 couleurs, 24 bits = 16 millions de couleurs.

Pourquoi mon image est floue quand je l'agrandis sur Photoshop ?

Parce que Photoshop travaille en matriciel. En agrandissant, il invente des pixels qui n'existent pas, ce qui crée du flou.

💡 À retenir : L'agrandissement matriciel dégrade toujours la qualité.

Comment savoir si une image est de bonne qualité pour l'impression ?

Vérifie ses dimensions en pixels et sa résolution. Si elle fait 300 DPI à la taille réelle d'impression, c'est bon.

💡 À retenir : Taille physique (cm) + Résolution (DPI) = Qualité.

Est-ce que le format JPEG est vectoriel ?

Non, le JPEG est un format matriciel compressé avec perte.

💡 À retenir : JPEG = Matriciel = Pixels.

C'est quoi le rôle des calques dans le traitement d'image ?

Ils permettent de superposer des éléments sans modifier les autres, facilitant les retouches et la composition.

💡 À retenir : Le travail par calques est la base du design non-destructif.

✍️ Exercices type examen national

Exercice 1

Une affiche publicitaire mesure $50 \times 70$ cm. Elle doit être imprimée en $300$ DPI avec une profondeur de $24$ bits. Calculez le poids théorique de cette image en Mo (1 Mo = $10^6$ octets).

Voir la correction détaillée : inscription gratuite

Exercice 2

Expliquez pourquoi, dans une charte graphique, le logo doit impérativement être fourni en format vectoriel.

Voir la correction détaillée : inscription gratuite

Exercice 3

Comparez les avantages et inconvénients des images matricielles et vectorielles dans le cadre d'une campagne de communication.

Voir la correction détaillée : inscription gratuite

Un prof de Design de communication et multimédia pour aller plus loin

Les cours du soir avec des profs vérifiés arrivent : inscris-toi pour être prévenu(e) en premier.

Être prévenu(e) gratuitement

Autres chapitres de Design de communication et multimédia

La chaîne graphique et les processus de productionTypographie et mise en page éditorialeIdentité visuelle et charte graphiqueCommunication publicitaire et supports de diffusionIntroduction au design d'interface (UI) et expérience utilisateur (UX)Techniques de l'image animée et multimédiaProjet de synthèse : Conception d'une campagne de communication multimédia