Lernzettel: Introduction aux formats d'images et de présentation

📋 Plan du Cours

1. Représentation vectorielle des images
2. Représentation matricielle des images
3. Formats d’images vectoriels et matriciels
4. Formats audio et vidéo compressés
5. Formats de documents numériques PDF
6. Préparer une présentation et diffuser l’information
7. Outils en ligne et logiciels de présentation
8. Interface et modes d’affichage PowerPoint
9. Créer, thématiser et personnaliser des diapositives

📖 1. Représentation vectorielle des images

🔑 Notions clés & Définitions

• Image vectorielle : Une image vectorielle est définie par un ensemble de données mathématiques comme des coordonnées, des fonctions et des attributs.
• Recalcul à la taille : Le redimensionnement d’une image vectorielle entraîne un recalcul précis des formes selon la taille demandée, sans dégradation visible.
• SVG : Le format SVG est un format ouvert d’image vectorielle utilisé notamment en cartographie et sur les téléphones portables.
• ODG : Le format ODG est un format ouvert de dessin vectoriel utilisé par l’application Draw d’Open Office.

📝 Points essentiels

• Une image vectorielle est décrite par des données mathématiques plutôt que par une grille de pixels.
• L’agrandissement ou la réduction d’une image vectorielle ne provoque pas de perte de qualité car les formes sont recalculées.
• Les fichiers vectoriels sont en général peu volumineux par rapport aux images matricielles.
• SVG est un format ouvert d’image vectorielle utilisé notamment en cartographie et sur les téléphones portables.
• ODG est un format ouvert de dessin vectoriel utilisé par Draw d’Open Office.
• Les coordonnées, fonctions et attributs constituent la base de la description vectorielle.

💡 Astuce mémo

Vectoriel = Formules : on redessine, donc pas de flou.

📖 2. Représentation matricielle des images

🔑 Notions clés & Définitions

• Image matricielle : Une image matricielle est définie par une grille de points ou pixels à laquelle on associe une couleur.
• Pixellisation : La pixellisation est la dégradation visible qui apparaît quand une image matricielle est agrandie au-delà de sa résolution initiale.
• BMP : Le format BMP est un format d’image matricielle développé par Microsoft et IBM, simple mais peu adapté au web à cause de sa taille.
• JPEG : Le format JPEG est un format ouvert compressé pour des images de type photographie, avec compression sans perte ou avec perte selon le réglage.

📝 Points essentiels

• Une image matricielle repose sur une grille de pixels, chacun portant une couleur.
• Quand on agrandit une image matricielle, la pixellisation devient visible.
• Le volume du fichier dépend notamment de la taille de l’image et du nombre de couleurs utilisées.
• BMP code la couleur de chaque pixel sans effort de compression, ce qui rend les fichiers volumineux.
• JPEG compresse en regroupant des pixels de couleurs identiques ou proches en rectangles.
• JPEG utilise une compression sans perte ou avec perte, avec un taux de qualité paramétrable.

💡 Astuce mémo

Matriciel = Pixels : agrandir = carrés visibles.

📖 3. Formats d’images vectoriels et matriciels

🔑 Notions clés & Définitions

• Formats vectoriels : Les formats vectoriels décrivent une image par des données mathématiques permettant un redimensionnement sans dégradation.
• Formats matriciels compressés : Les formats matriciels compressés réduisent la taille des fichiers pour le transfert sur Internet.
• GIF : Le format GIF est un format ouvert compressé pour des images de type dessin, avec transparence, affichage entrelacé et animation.
• PNG : Le format PNG est un format ouvert compressé qui utilise une compression en couleurs indexées sans limiter la palette à 256 couleurs.

📝 Points essentiels

• Les formats vectoriels sont adaptés à un redimensionnement sans dégradation car l’image est recalculée.
• Pour le passage sur Internet, on privilégie des formats matriciels compressés.
• GIF permet une couleur de fond transparente et un mode d’affichage entrelacé pendant le téléchargement.
• GIF permet aussi de créer des images animées.
• GIF utilise une palette de 256 couleurs choisies parmi 16 millions de couleurs possibles (couleurs indexées).
• PNG compresse avec des couleurs indexées mais avec une palette non limitée à 256 couleurs.

💡 Astuce mémo

GIF = 256 couleurs + animation ; PNG = indexé mais palette plus large.

📖 4. Formats audio et vidéo compressés

🔑 Notions clés & Définitions

• WMA : Le format WMA est un format propriétaire de compression audio développé par Microsoft.
• MP3 : Le format MP3 est un format compressé ouvert pour l’audio utilisant une compression avec pertes non perceptibles par l’oreille humaine.
• MPEG-4 : Le format MPEG-4 est un format compressé ouvert destiné aux fichiers vidéo.

📝 Points essentiels

• La numérisation du son et de la vidéo permet de stocker musiques et films sous forme de fichiers.
• Les fichiers audio et vidéo étant volumineux, l’usage de formats compressés est fortement conseillé.
• WMA est un format propriétaire de compression audio développé par Microsoft.
• MP3 correspond à MPEG-1/2 Audio Layer 3 et vise l’audio compressé.
• MP3 utilise une compression avec pertes non perceptibles par l’oreille humaine.
• MPEG-4 correspond à un format compressé ouvert pour la vidéo.

💡 Astuce mémo

MP3 = Audio compressé “inaudible” ; MPEG-4 = Vidéo compressée.

📖 5. Formats de documents numériques PDF

🔑 Notions clés & Définitions

• PDF : Le format PDF est un format ouvert développé par Adobe Systems qui préserve la mise en forme d’un document.
• Préservation de la mise en forme : La préservation de la mise en forme signifie que le document garde son aspect malgré le changement de support ou de lecteur.
• Adobe Reader : Adobe Reader est un lecteur gratuit diffusé par Adobe Systems pour ouvrir les fichiers PDF.

📝 Points essentiels

• Le PDF est un format ouvert développé par Adobe Systems.
• Le PDF préserve la mise en forme du document.
• Le PDF est généralement utilisé pour diffuser des documents formatés qui ne sont pas destinés à être modifiés.
• Le PDF s’applique à des documents imprimables comme traitement de texte, feuille de calcul et présentation.
• Pour lire un PDF, on peut utiliser Adobe Reader.
• Adobe Reader est gratuit et diffusé par Adobe Systems.

💡 Astuce mémo

PDF = Mise en forme figée pour diffusion.

📖 6. Préparer une présentation et diffuser l’information

🔑 Notions clés & Définitions

• Diaporama : Un diaporama est un support projetable qui accompagne une présentation orale.
• Page web : Une page web est un document consultable via un ordinateur connecté à Internet.
• Document numérique : Un document numérique est un fichier facilement diffusé par courriel ou mis en téléchargement.
• Présentation succincte : Une présentation succincte est un diaporama où le texte est réduit à l’essentiel et centré sur des idées clés.

📝 Points essentiels

• Pour diffuser de l’information, on peut réaliser un diaporama, une page web ou un document numérique.
• Le diaporama sert d’accompagnement à une présentation orale.
• Une page web est consultable depuis tout ordinateur connecté à Internet.
• Un document numérique peut être diffusé par courriel ou mis en téléchargement.
• Le diaporama doit être succinct et inclure des images ou photographies.
• Le texte doit être réduit à des idées clés ou des noms, avec une présentation axée sur la description et l’analyse de l’œuvre.

💡 Astuce mémo

Diffuser = Diapo (oral) / Web (Internet) / Fichier (mail/téléchargement).

📖 7. Outils en ligne et logiciels de présentation

🔑 Notions clés & Définitions

• Outils en ligne : Les outils en ligne sont des services accessibles via Internet pour créer des présentations.
• Prezi : Prezi est un outil en ligne mentionné pour créer des présentations.
• SlideDog : SlideDog est un outil en ligne mentionné pour créer des présentations.
• PowerPoint : PowerPoint est un logiciel de présentation mentionné pour créer des diapositives.

📝 Points essentiels

• Il existe plusieurs outils (logiciels) pour créer une présentation.
• Des outils en ligne sont cités comme Prezi, SlideDog et Zoho.
• Zoho est mentionné comme outil en ligne pour créer des présentations.
• Parmi les logiciels, PowerPoint est cité pour créer des diapositives.
• Impress est cité comme logiciel de présentation.
• Animiz est cité comme logiciel de présentation.

💡 Astuce mémo

En ligne : Prezi / SlideDog / Zoho ; Logiciels : PowerPoint / Impress / Animiz.

📖 8. Interface et modes d’affichage PowerPoint

🔑 Notions clés & Définitions

• Ruban : Le ruban est la zone d’onglets qui regroupe l’ensemble des fonctionnalités de PowerPoint.
• Écran principal : L’écran principal de PowerPoint comprend le ruban, la fenêtre principale et la barre d’état.
• Mode Normal : Le mode Normal est le mode par défaut pour concevoir des diapositives.
• Mode Trieuse de diapositives : La Trieuse de diapositives est un mode qui sert à organiser et manipuler plusieurs diapositives.
• Mode Diaporama : Le mode Diaporama affiche le contenu en plein écran pour visualiser la présentation.

📝 Points essentiels

• L’écran principal comprend le ruban, la fenêtre principale et la barre d’état.
• Le ruban est organisé en onglets et regroupe les fonctionnalités du logiciel.
• Le mode Normal affiche la diapositive au centre, les commentaires en bas et les diapositives/plan à gauche.
• La Trieuse de diapositives permet de gérer, copier, déplacer ou supprimer des diapositives.
• La Page de commentaires agrandit la zone de commentaire pour faciliter la saisie.
• Le mode Diaporama permet une visualisation plein écran et la touche Échap quitte le diaporama.

💡 Astuce mémo

Normal = création ; Trieuse = tri ; Commentaires = écrire grand ; Diapo = plein écran + Échap.

📖 9. Créer, thématiser et personnaliser des diapositives

🔑 Notions clés & Définitions

• Nouvelle diapositive : Une nouvelle diapositive est créée via l’onglet Accueil, avec la commande dédiée.
• Espace réservé : Un espace réservé est une zone délimitée par des pointillés destinée à recevoir un contenu sur une diapositive.
• Thème de présentation : Un thème regroupe des éléments de mise en forme comme couleurs, polices et effets graphiques.
• Styles d’arrière-plan : Les styles d’arrière-plan sont une galerie accessible pour choisir et appliquer un arrière-plan à la présentation.
• Mise en forme de l’arrière-plan : La mise en forme de l’arrière-plan permet de personnaliser l’arrière-plan avec image et dégradés.

📝 Points essentiels

• Pour ajouter une diapositive : onglet Accueil puis Nouvelle diapositive.
• Les diapositives peuvent contenir des espaces réservés entourés par des pointillés.
• PowerPoint place la nouvelle diapositive juste après la diapositive sélectionnée.
• Un thème regroupe couleurs, polices et effets graphiques.
• Le nom du thème choisi s’affiche sur la barre d’état.
• Pour appliquer un thème à toutes les diapositives : onglet Création, clic droit sur le thème puis appliquer à toutes les diapositives.

💡 Astuce mémo

Thème = style global ; Nouvelle diapo = juste après la sélection.

📊 Tableaux de synthèse

Vectoriel vs matriciel

Aspect	Vectoriel	Matriciel
Description	Données mathématiques	Grille de pixels
Redimensionnement	Recalcul sans dégradation	Pixellisation visible
Taille fichier (général)	Souvent peu volumineux	Peut devenir volumineux selon couleurs/taille
Usage web	SVG possible	On utilise des formats matriciels compressés

JPEG vs GIF (compression et usage)

Format	JPEG	GIF
Type d’image	Photographie	Dessin
Compression	Sans perte ou avec perte (qualité paramétrable)	Couleurs indexées (palette 256)
Transparence	Non précisée	Transparence via couleur de fond
Animation	Non précisée	Images animées possibles

⚠️ Pièges & confusions fréquents

1. Confondre vectoriel et matriciel : l’agrandissement ne dégrade pas de la même façon (recalcul vs pixellisation).
2. Croire que tous les formats d’images sont adaptés au web : le cours insiste sur l’usage de formats matriciels compressés pour Internet.
3. Penser que GIF utilise toute la gamme de couleurs : il s’appuie sur une palette de 256 couleurs indexées.
4. Oublier que le PDF sert surtout à diffuser sans modification : c’est l’usage mis en avant.
5. Confondre les modes PowerPoint : Échap ne sert qu’au mode Diaporama pour quitter l’affichage plein écran.
6. Croire que le thème s’applique automatiquement : le cours décrit l’action d’application à toutes les diapositives.

✅ Checklist Examen

1. Définir une image vectorielle et expliquer pourquoi elle ne se dégrade pas à l’agrandissement.
2. Citer au moins deux formats vectoriels du cours (SVG, ODG) et leur contexte d’usage mentionné.
3. Définir une image matricielle et décrire la dégradation par pixellisation lors du redimensionnement.
4. Expliquer pourquoi les fichiers matriciels peuvent devenir volumineux et pourquoi on utilise des formats compressés pour Internet.
5. Citer les formats matriciels du cours (BMP, JPEG, GIF, PNG) et associer à chacun une caractéristique clé (taille, compression, transparence/animation, palette).
6. Identifier les formats audio/vidéo compressés cités (WMA, MP3, MPEG-4) et donner leur nature (audio/vidéo, pertes ou non perceptibles).
7. Définir le PDF et expliquer ce qu’il préserve (mise en forme) ainsi que l’usage principal (diffusion sans modification).
8. Nommer le lecteur PDF cité (Adobe Reader) et préciser qu’il est gratuit.
9. Lister les trois moyens de diffusion cités (diaporama, page web, document numérique) et associer à chacun une caractéristique.
10. Décrire les modes d’affichage PowerPoint cités (Normal, Trieuse, Page de commentaires, Diaporama) et donner au moins une action/objectif pour chacun.
11. Expliquer comment ajouter une diapositive et où elle est placée par rapport à la sélection.
12. Définir un thème et donner la procédure décrite pour l’appliquer à toutes les diapositives.
13. Décrire où accéder aux styles d’arrière-plan et comment personnaliser l’arrière-plan (image de fond et dégradé via mise en forme).
14. Donner les formats de sortie mentionnés pour enregistrer/diffuser un fichier PowerPoint (PDF, images JPEG/PNG, et génération vidéo) et le chemin de menu indiqué (Fichier > enregistrer sous).