web-dev-qa-db-fra.com

Pourquoi les images-images ne sont-elles généralement créées que pour des fichiers ".png" et non ".jpg"?

Je me demandais pourquoi, quand on parle de sprites, on ne mentionne que les fichiers .png. Y at-il un problème dans la création de sprites pour les fichiers .jpg?

4
tirengarfio

Rien ne dit que vous ne pouvez pas utiliser le format JPEG, mais généralement les fichiers PNG sont préférables pour plusieurs raisons:

  • La plupart des éléments de page, tels que les onglets et les icônes, se compressent bien mieux que JPEG.
  • PNG est un format de compression sans perte
  • Jpeg ne supporte pas la transparence (le problème principal, la plupart des éléments de page contiennent le besoin de transparence).

Généralement, les fichiers PNG se compressent plus petits si l'élément n'est pas si complexe - jpeg se compresse mieux en photographie et images plus complexes - la plupart des éléments de page, tels que les boutons, les onglets et les icônes de réseaux sociaux, sont plus simples à utiliser pour le format PNG ainsi que pour le besoin de transparence .

9
Simon Hayter

Ce n'est pas que PNG soit meilleur pour les sprites, mais bien pour les types d'images que les gens utilisent normalement pour les sprites (boutons, icônes, etc.). Vous pouvez utiliser n’importe quel format d’image adapté au Web pour les sprites.

Imaginez que le site Web de votre entreprise comporte une page consacrée au personnel, qui répertorie une dizaine de membres du personnel avec une petite photo à côté de chacun. Si vous souhaitez accélérer cette page en fusionnant toutes les photos en un seul Sprite, dans cet exemple, le format JPEG serait probablement un meilleur choix, car il vous offrira une meilleure compression pour ce type d'image.

8
Tim Fountain

Spriting peut également être utilisé pour les fichiers JPEG. Rappelez-vous juste les règles:

  1. Utilisez JPEG pour les photos, PNG pour les œuvres d'art (ou WebP pour les deux)
  2. Spriting est pour les images décoratives, pas le contenu. par exemple. ne Sprite pas de photos sur un site Web de partage de photos ou sur une page Web traitant de l'optimisation des images! Faire des images de fond Sprite et autres images décoratives.
  3. Le fait de semer des fichiers JPEG ensemble sans perdre est source de perte et peut entraîner le saignement d'une image dans une autre. Utilisez jpegtran fonctionnalité de recadrage et de suppression sans perte
2
Nicholas Shanks