God Templates  : Outils pour webmasters Découvrez nos promos packs à partir de 3,6 euros
Accueil | Tutoriels | Annuaire | Astuces Google | Outils pour webmasters | Topsite | Définitions Web | Kit web à 5€
Ressources - webmasters
  Kits par catégories
  osCommerce
  Css template
  Kit graphique Flash
  Kit graphique design
  Kit de Jeux-vidéo
  Site Flash dynamique
  Site avec entête Flash
  Logo kit graphique
  Logo set
  Identité d'entreprise
  Thèmes Php-Nuke
  Intro en Flash
  Entête + intro Flash
  Promo Packs
  360 kits à 5 €
  128 kits à 4 €
  60 kits à 1.80 €
  Kit bas budget
  Zero-download
  Autres devises
Ressources pour webmaster
 Référencement et trucs et astuces pour Google Outils Astuces Google
 Webmaster en vidéo Vidéos Webmasters
 Comment créer un site Internet attractif ! Comment créer un site
  Affiliation 20%
  Les 10 stratégies...
  Outils webmaster
  Définitions (dico)
 Les tutoriels Les tutoriels Tutoriels PhotoshopTutoriels GimpTutoriels tutoriaux tuto sodipodi
  Annuaire Généraliste
  Ressource webmaster
  Création bannières Actualité outils de recherche & référencement
  Où se référencer ?
  Clipart gratuit
  Générateur MétaTags
  Webmasters news
  Kit graphique gratuit
 Charte graphique gratuit Charte graphique
 Cartes virtuelles en Flash Carte virtuelle Flash

Partenaires, échange de liens automatique

  Echantillons gratuits
 template templates Kit graphique pro
  Ressources gratuites
  Internet Services
  Freegaia

  Active Art Animations
  Création de site
  Topsite
  Partenaires 2 3 4 5 6
Kit graphique du jour
 FAQ F-A-Q
  Rechercher
  Faire un lien
 
  Dans vos favoris
  Plan du site
  Sitemap XML
 Formulaire de contact - contactez-nous Contact
Des dizaines de kits graphiques de qualité pour votre site, classés par catégories.

Optimisez vos images

Première étape

à la une 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

La boite de dialogue enregistrer pour le web

Deuxième étape

à la une 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 ...

mise à jour dans les vignettes

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.

informations sur 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 ..

les paramètres de l'image

Troisième étape

à la une 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.

informations sur l'image

à la une Pour un aperçu dans le navigateur, l'icone Internet se trouve en bas de la palette d'outils .....

la palette d'outils

à la une 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 ....

la palette d'optimisation

Quatrième étape

à la une 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 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.


Source : Kloobik

 

© GodTemplates 2003-2007. Tous droits réservés.