Les navigateurs Web modernes et les systèmes de gestion de contenu optimisent les images à afficher dans n'importe quel environnement. Cependant, il est préférable de préparer des images optimisées pour chaque facteur de forme et emplacement possibles où une image peut apparaître. Concentrez-vous sur trois éléments: la résolution, la taille et l'espace colorimétrique de l'image.
Espace colorimétrique dans les images
Les graphistes s'appuient sur deux espaces colorimétriques primaires. Un espace colorimétrique est une méthode par laquelle les couleurs primaires se combinent pour former des arcs-en-ciel complexes de couleurs.
Utilisez le mode RVB lors de la préparation des images pour les appareils mobiles. Les affichages sur les écrans d'ordinateur et les smartphones reposent sur une combinaison de pixels rouges, bleus et verts. Cette image RVB est optimisée pour reproduire avec précision les couleurs souhaitées sur un écran.
Pour l'impression, les concepteurs utilisent un processus à quatre couleurs, où chaque couleur se distille en une combinaison de cyan, magenta, jaune et noir. Parfois, les images en quatre couleurs sont appelées images CMJN pour cette raison.
Résolution d'image
Les images, en particulier sur les plates-formes mobiles, doivent être aussi petites que possible pour équilibrer la qualité par rapport à la vitesse de téléchargement sur les réseaux mobiles et la taille des fichiers par rapport aux plafonds de données mobiles.
La plupart des programmes, y compris les applications Adobe Creative Cloud, prennent en charge un outil d'exportation pour le Web qui affiche l'image dans diverses combinaisons de résolution et de compression. Choisissez l'image de la meilleure qualité à la taille totale la plus faible.
Taille de l'image en pixels
Chaque image doit être dimensionnée pour l'usage auquel elle est destinée. Voici quelques exemples de tailles d'image pour des utilisations Web courantes:
- Les bannières publicitaires sur Internet mesurent souvent 468 pixels sur 60 pixels.
- Les images de couverture Facebook doivent mesurer 851 pixels sur 315 pixels.
- Les photos de profil Twitter doivent mesurer 400 pixels sur 400 pixels.
- Les images des liens partagés doivent faire 1200 pixels sur 630 pixels.
Lorsque vous travaillez avec des photos à des fins spécifiques, vérifiez l'endroit où cette photo apparaîtra (comme un site de médias sociaux ou un blog) pour vérifier les dimensions optimales de l'image, puis redimensionnez-la en conséquence pour éviter d'étirer ou de rogner l'image.
Pour éviter la pixellisation, visez la taille d'affichage réelle. Même si une image est correctement dimensionnée, si elle n'est pas correctement dimensionnée, le produit résultant peut sembler pixélisé si l'image doit être agrandie pour respecter l'espace disponible.
À propos des images vectorielles
Les images vectorielles (images calculées et dessinées par l'appareil) sont généralement plus efficaces et de meilleure qualité que les images raster (images dessinées un pixel à la fois) car elles peuvent être agrandies et réduites sans affecter la qualité de l'image. Pour les logos simples, les dessins au trait et les graphiques, une version vectorielle est idéale. Les formats vectoriels ne sont pas utilisés pour les photos.
