Optimisez
vos images
Première
étape
Pour publier des images sur le web, il faut trouver le bon compromis
entre la qualité de l'image et des couleurs d'une part,
et la taille qui ne doit en aucun cas nuire au temps de chargement
de la page..... Difficile
équation .... Les boites de dialogue "enregistrer
pour le web" de Photoshop et la palette Optimiser d'Image
Ready sont là pour vous aider à trouver le meilleur
compromis entre le fichier le plus léger et une qualité
supportable ...
La boite de dialogue "enregistrer pour le web" (Alt+F+W)
de Photoshop
Deuxième étape
En fonction du paramètre de sortie que vous allez choisir,
plusieurs informations en temps réel vont s'afficher
sur le masque comme par exemple :
- le
format de sortie (gif, jpeg, png ..)
- la
taille en kilo-octets
- le
temps de chargement dans l'image sur le web avec une connection
définie
En fonction des choix que vous opérez, l'image est mise
à jour dans les vignettes de visualisation en temps réel,
aussi ...
En utilisant l'outil "Pipette" par exemple, il vous
est possible de visualiser les informations sur les couleurs
comme leur valeurs RVB, Alpha et Héxadécimale.
Au milieu, en bas, un bouron Internet vous permet de visualiser
l'image dans votre navigateur pour juger de la qualité
de l'image.
Dans la palette de droite, différentes
options vous sont offertes. Faites le test des différentes
options sur une meme image pour juger des différences
..
Troisième étape
La palette Optimiser d'Image Ready vous propose quasiment les
memes options que celles de photoshop sauf que les outils Pipettes,
zoom, Tranches .... ne sont pas présent dans la palette.
Certaines fonctions ne sont pas au meme endroit mais d'une façon
générale, optimiser ses images sous Photoshop
ou Image Ready revient au meme.
Notez que dans Image Ready aussi :
- le
format de sortie (gif, jpeg, png ..)
- la
taille en kilo-octets
- le
temps de chargement dans l'image sur le web avec une connection
définie
sont des options présentes et bien utiles.
Pour un aperçu dans le navigateur, l'icone Internet se
trouve en bas de la palette d'outils .....
La palette Optimiser est un peu moins complete mais plus "automatisée".
N'hésitez pas à tester les différentes
options pour juger de la différence de qualité
entre les rendus d'une meme image ....
Quatrième étape
Au final : quel format d'image choisir ?
Le format JPEG est particulièrement adapté pour
les photographies ou toute image contenant beaucoup de couleurs.
Il permet l'enregistrement en millions de couleurs (24 bits)
ce qui permettra aux utilisateurs disposant d'une résolution
écran acceptant le 24 bits (ce qui est tout de meme de
plus en plus fréquent) de voir les images telles que
vous les avez conçues. Ce n'est pas un moindre avantage
..... Les utilisateurs en 8 bits verront l'image avec une diffusion
de couleurs.
Le format Jpeg a toutefois le désavantage de ne pas stocker
les informations de transparence. A l'enregistrement, Photoshop
mettra automatiquement un fond blanc par défaut à
l'image.
Le format GIF est est particulièrement adapté
pour les images contenant des aplats de couleurs et de petits
éléments (cliparts par exemple) puisque sa méthode
de compression n'est pas adaptée aux dégradés
de couleurs. Il est totalement inadapté à la photographie
puisqu'il n'accepte que 256 couleurs (soit 8 bits). Gros avantage
: il gère les informations de transparence et permet
donc d'enregistrer des images completement détourées.
Le .gif permet aussi d'enregistrer des images animées.
|