1. Images
Images vectorielles
Une image vectorielle (ou image en mode trait), en
informatique, est une image numérique composée
d'objets géométriques individuels (segments de
droite, polygones, arcs de cercle, etc.) dé
fi
nis chacun
par divers attributs de forme, de position, de
couleur, etc. Elle se différencie de cette manière des
images matricielles (ou « bitmap »), dans lesquelles
on travaille sur des pixels.
L'intérêt est de pouvoir redimensionner l'image à
volonté sans aucun effet d'escalier.
2. Images
Images vectorielles
Le principe de base du dessin vectoriel consiste à décrire des formes géométriques simples (arcs de cercle ou d'ellipse,
segments de droite, courbes de Bézier...), auxquelles on peut appliquer différentes transformations : rotations,
écrasement, mise à l’échelle. Les effets spéciaux permettent une grande souplesse : extrusion, effet miroir, dégradé de
formes, etc. Les images vectorielles sont trés utilisées pour les logos, les cartes…
Les logiciels de création d’images vectorielles sont Illustrator, Af
fi
nity Designer, Inkscape….
Les formats sont le PDF, EPS, SVG, AI…
Des images vectorielles sont disponibles en téléchargement
https://thenounproject.com
https://www.vecteezy.com
https://www.
fl
aticon.com/
https://www.freepik.com/
3. Images
Images matricielles
Une image matricielle, ou «bitmap » (en l'anglais « carte de points»), est une image constituée d'une matrice de points
colorés. C'est-à-dire, constituée d'un tableau, d'une grille, où chaque case possède une couleur qui lui est propre et est
considérée comme un point. Il s'agit donc d'une juxtaposition de points de couleurs formant, dans leur ensemble, une
image.
Cette expression est principalement utilisée dans les domaines de l'imagerie numérique (infographie, informatique,
photographie numérique, etc.) a
fi
n de marquer l'opposition de ce concept avec celui des images dites vectorielles. Dans
ces domaines, les points de couleurs les constituant s'appellent des pixels (pour « picture element », soit, littéralement :
« élément d'image »).
Le logiciel de création et de retouches d’images matricielles le plus connu est Adobe photoshop, il existe des
alternatives plus économiques comme Gimp ou Pixelmator.
4. Images
CMJN
Quadrichromie
La quadrichromie ou CMJN (cyan, magenta, jaune,
noir) est un procédé d'imprimerie permettant de
reproduire un large spectre colorimétrique à partir
des trois teintes de base (le cyan, le magenta et le
jaune) auxquelles on ajoute le noir imprimé sur du
papier blanc.
5. Images
RVB
Rouge vert bleu, abrégé RVB, est un format de
codage des couleurs.
Ces trois couleurs sont les couleurs primaires
en synthèse additive. Elles correspondent en
fait à peu près aux trois longueurs d’ondes
auxquelles répondent les trois types de cônes
de l’œil humain. L’addition des trois primaires
donne du blanc.
Elles sont aujourd’hui utilisées en éclairage, en
vidéo, pour l’af
fi
chage sur les écrans et par les
logiciels d’imagerie, a
fi
n de reproduire une large
gamme des couleurs visibles par l’homme.
6. Images
Résolution d’images
Le point par pouce (PPP) est une unité de précision communément utilisée pour dé
fi
nir la résolution d'un
scanner (on parle de «
fi
nesse de numérisation »), d'une imprimante (on parle de « précision de l'impression »).
Plus cette valeur est élevée, meilleure est la qualité. On peut également utiliser cette notion avec un moniteur
d'ordinateur, de téléphone de tablettes ou un écran de télévision, mais on utilisera alors le terme de PPI (pixels
per inch, pixels par pouce, PPP également en français).
En imprimerie on utilisera des images entre 150 et 300 dpi.
La plupart des écrans actuels sont en 72 dpi, les choses sont en train de changer avec l’arrivée d’écrans Retina
avec des résolutions supérieures comme 180 dpi.
7. Formats d’images
Le gif
L’image est composées de 256 couleurs ou moins. Depuis que Facebook intègre les gif animés il y a un regain d’intérêt
pour ce format. L’image est assez légère mais vite détériorée surtout si elle contient des dégradés de couleur.
9. Formats d’images
Le jpeg
En Millions de couleurs, mais il est possible de compresser plus ou moins les images.
Plus l’image est compressée plus elle se charge rapidement mais plus sa qualité sera détériorée.
Jpg en compression haute, le
fi
chier pèse 175ko
11. Formats d’images
Le png
Créé pour remplacer le gif, pour des images utilisants des aplats de couleurs.
Utilisé surtout pour la possibilité d’utiliser du transparent dans l’image.
12. Formats d’images
Le png
Créé pour remplacer le gif, pour des images utilisants des aplats de couleurs.
Utilisé surtout pour la possibilité d’utiliser du transparent dans l’image.
13. Formats d’images
Le webp
WebP est un format d'image matricielle développé et mis à disposition du public par Google depuis 2010. Il permet de
faire ce que font tous les autres : des images compressées en milliers de couleurs avec de la transparence comme le
PNG et la possibilité de faire des animations comme le Gif.
WebP procurerait de 30 % à 80 % de réduction d'espace face à JPEG et PNG.
Ce format est compatible à tous les navigateurs de dernière génération depuis 2020. Depuis novembre 2022, c’est
nativement dans Photoshop. Pour les versions antérieures il y a un Plug-in pour Photoshop accessible gratuitement ici :
https://developers.google.com/speed/webp/docs/webpshop
Ici la même image pèse 132 ko en WebP et 218 ko en jpg avec une compression de 45. Soit 1,6 fois plus lourde.
14. Les logiciels de traitement d’images
Adobe Photoshop
Le plus connu, le plus utilisé, le
plus ancien, la référence.
24€ / mois
Adobe Lightroom
Orienté retouche et
classement des photos
12€ / mois
Af
fi
nity photo
Une copie de Photoshop
59€
Acorn
Copie de Photoshop en anglais
et sur mac uniquement
16$
Pixelmator Pro
Copie de Photoshop sur mac
uniquement
44€
GIMP
Logiciel de retouche photo
Open Source et gratuit, sur
mac et PC.
Gratuit sur Windows
getpaint.net
photopos.com
Outils en ligne
sumopaint.com
pixlr.com
ipiccy.com
Sur Mac
Aperçu présent sur tous les
mac, permet de réduire,
recadrer, exporter…
15. Formats d’images
Exporter pour le web
1 - Réduire l’image à la bonne dimension. Un site web fait en général
entre 1000px et 1400px pixels de large. J’évite de faire des images
plus grandes. En veillant à bien être en RVB et non en CMJN.
2 - Pour une photo, j’exporte en jpg 72 dpi compression moyenne.
3 - On nomme son
fi
chier en utilisant des mots qui décrivent
l’image, sans utiliser de majuscules, d’espaces, de caractères
accentués ou spéciaux, suivie d’un point et de l’extension indiquant
le format du
fi
chier.
16. Photoshop
Exporter pour le web
Dans Photoshop, on exporte son image en passant par le menu
« Fichier/Enregistrer pour le web… » ou
« Fichier/Export/Enregistrer pour le web… »
17. Photoshop
Pour le Webp - Enregistrer sous
Dans Photoshop, on exporte son image en passant par le menu « Fichier/Enregistrer sous » , on peut
ensuite choisir le format «WebP ». Pour un résultat optimal on choisit avec Perte de qualité, sur un
réglage moyen autour de 45.
18. Af
fi
nity Photo
Exporter pour le web
Dans Af
fi
nity Photo, on exporte son image en passant par le menu « Fichier/Exporter »
Pas de format WebP pour l’instant.
19. GIMP
Exporter pour le web
Dans GIMP, on exporte son image en passant par le menu« Fichier/Export As… »
20. Données EXIF
Permettre de vous améliorer à la prise de vue et classer/organiser vos photographies.
Remplace les carnets des photographes argentiques, permet de noter les principaux paramètres de prise
de vue (date, vitesse, diaphragme, mémorisation d’exposition etc.).
La liste des données Exif intégrées par vos appareils photos numériques regroupe foule d’informations
parmi lesquelles :
- La date et l’heure à laquelle la photo a été prise.
- Les paramètres de prise de vue (vitesse, diaphragme, sensibilité ISO, mémorisation d’exposition, etc.)
- La géolocalisation de l’image (pour les appareils équipés de la fonction GPS).
- L’identi
fi
cation du type de boitier et d’objectif (y compris les numéros de séries)
- Les informations relatives aux droits d’auteur et au copyright (si vous avez enregistré votre nom dans
votre appareil)
Bref, c’est grâce à ce genre d’informations que des personnes ayant commis des actes délictueux
(comme par exemple photographier les sujets du Bac) ont pu être retrouvées.
Exchangeable image
fi
le format
21. Données EXIF
Comment lire ces données Exifs ?
1. À partir de votre appareil photo numérique, généralement accessibles via la
touche Display
2 : à partir de votre ordinateur
Sous Windows : cliquez du bouton droit sur l’image, allez dans « propriétés »
puis sur l’onglet « Détail ».
Sous Mac OS : cliquez également du bouton droit puis allez sur « Lire les
informations ».
Dans Photoshop, il y a plus d’infos, on peut aussi télécharger l’un des
logiciels gratuits suivants : Exif Reader, Exif Farm ou Exif Manager. En ligne
sur https://onlineexifviewer.com/
Possibilité de nettoyer nos
fi
chiers images avec ImageOptim sur mac
https://imageoptim.com/fr
Sur Flickr on peut af
fi
cher les données EXIF d’une photo :
https://www.
fl
ickr.com/photos/yellowstonenps/51558602618/in/dateposted/
Exchangeable image
fi
le format