Comment savoir quel type d'image utiliser?
Je travaille sur un site Web qui utilisera des images dans plusieurs applications différentes, des boutons d'action aux avatars en passant par des images plus détaillées. Quels facteurs dois-je prendre en compte pour décider si ces images doivent être des images au format jpgs, gifs ou pngs?
- JPG pour les photos ou les différences de couleur élevées
- PNG pour les images à transparence progressive (transition de 1 couleur à clair)
- GIF pour les images avec de petites palettes de couleurs
Évidemment, essayez avec chaque image et voyez ce qui ressort de la plus petite taille de fichier. Plus la taille est petite, mieux c'est. Ne vous inquiétez pas non plus de la transparence dans IE6 pour vos PNG, votre grand-mère ne se soucie pas autant de l'apparence de votre site, elle se contente de voir vos photos.
Taille du fichier. Plus la taille du fichier est petite, plus le téléchargement sera rapide pour vos utilisateurs. Alors, choisissez la plus petite taille de fichier qui n’affecte pas la qualité de votre image.
(En règle générale, les fichiers JPG sont utilisés pour les photographies et les fichiers PNG/GIF pour les images de type icône)
Support du navigateur. Je pense que ce sont IE6 ou IE7 et les versions antérieures ne prennent pas en charge correctement les images à base de png avec un arrière-plan transparent. Il ajoute généralement une couleur de fond funky.