:: kloobik.com : Web Design Entrepot v3.0 ::

Apprendre !
Si vous êtes ici c'est que vous avez envie d'apprendre comment fonctionne Adobe Photoshop. Instrument extremement puissant, il permet de réaliser d'incroyables effets graphiques tout en maitrisant la création via un système de calques très efficace.
A vos tablettes graphiques ;)


Principale ressource du site, nos tutoriels sont le fruit de plusieurs années de travail sur divers éditeurs graphiques. Prioritairement tournés vers Adobe Photoshop, ils vous permettront de découvrir quelques trucs & astuces que vous ne connaissiez peut-être pas .... Les mises à jour sont régulières. L'ékipe Kloobik.com




Les outils d'optimisation sous Photoshop 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 :




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. aites le test des différentes options sur une meme image pour juger des différences ..




Les outils d'optimisation sous Image Ready 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 ....




Au final : quel format d'image choisir ? LE .JPEG > 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 .GIF > Le format GIF 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.