Besoin de connaître les normes pour le fichier PNG dans les graphiques Web?

Question

Je commence à m'aventurer à utiliser des fichiers jpeg et gif pour png, je me demandais s'il y avait des standards pour utiliser png en dehors du manque de support d'IE. Je veux également savoir s'il y avait des articles actuels sur le réglage que je devrais utiliser lors de l'optimisation pour le web? En ce moment j'utilise Photoshop pour faire ceci, devrais-je utiliser le feu d'artifice à la place?

Answer 1

Les optimisations que vous utilisez dépendent du type d'image. Si votre image ne contient que peu de couleurs, vous pouvez utiliser png-8, sinon vous aurez besoin de png-24. Il en va de même pour l'utilisation de la transparence/alpha blending. La fonction d'enregistrement de Photoshop pour la fonction Web fonctionne très bien, mais lorsque votre site Web compte beaucoup de visiteurs, vous pouvez utiliser PNGCrush pour compresser davantage vos images. Vous pouvez utiliser le plugin YSlow pour FireFox pour tester la bande passante que vous pouvez économiser en écrasant vos images.

En outre, vous pouvez utiliser des sprites CSS si votre conception le permet. Cela peut entraîner des images moins nombreuses (mais plus grandes) et donc moins de demandes et parfois moins de bande passante. Mais cela ne dépend pas du type d'images que vous utilisez.

Png est supporté par IE, soit dit en passant. Seule la transparence alpha n'est pas supportée par IE 6, mais il existe des trames CSS/Javascript pour contourner ce problème, bien qu'elles ne fonctionnent pas pour les images d'arrière-plan.

Je ne quitterais pas en utilisant jpg. Jpg est très utile quand il s'agit de photos. Les fichiers Png sont pratiques pour les petites images comme les boutons, les éléments graphiques, et pour les images avec de grandes zones unies, comme des captures d'écran.