Quelle est la différence entre png8 et png24
Je veux savoir sur les utilisations des fichiers png. Il existe deux formats disponibles pour les images png; l'un est png8 et l'autre est png24 .
J'aimerais savoir que si j'utilise l'un ou l'autre type dans ma page html, y aura-t-il une erreur? Ou est-ce seulement une question de qualité?
Il n'y a qu'un seul format PNG, mais il prend en charge 5 types de couleurs .
PNG-8 fait référence à une variante de palette, qui ne prend en charge que 256 couleurs, mais dont la taille est généralement plus petite. PNG-8 peut être un substitut du GIF.
PNG-24 fait référence à la variante de couleur vraie, qui prend en charge plus de couleurs, mais peut être plus grande. PNG-24 peut être utilisé à la place de JPEG si un format d'image sans perte est nécessaire.
Tout navigateur Web moderne supportera les deux variantes.
Depuis le Guide du concepteur Web pour le format d’image PNG
PNG-8 et PNG-24
Il existe deux formats PNG: PNG-8 et PNG-24. Les chiffres sont en abrégé pour dire "PNG 8 bits" ou "PNG 24 bits". Ne pas trop entrer dans aspects techniques - car en tant que concepteur web, vous ne vous en souciez probablement pas - PNG 8 bits signifie que l’image est de 8 bits par pixel, alors que les PNG 24 bits signifie 24 bits par pixel.
Pour résumer la différence en anglais clair: disons simplement que PNG-24 peut gérer beaucoup plus de couleurs et est bon pour les images complexes avec beaucoup de couleurs telles que les photographies (tout comme JPEG), tandis que PNG-8 est plus optimisé pour les objets avec des couleurs simples, tels que les logos et les utilisateurs éléments d'interface tels que des icônes et des boutons.
Une autre différence est que PNG-24 supporte nativement alpha la transparence, ce qui est bon pour les arrière-plans transparents. Ce La différence n’est pas vraie à 100% car les produits Adobe économisés pour le Web La commande autorise PNG-8 avec transparence alpha.
Vous avez posé deux questions, l'une dans le titre sur la différence entre PNG8 et PNG24, qui a reçu quelques réponses, à savoir que PNG24 possède des canaux rouge, vert et bleu sur 8 bits et que PNG-8 possède un seul canal 8 bits. index dans une palette. Naturellement, PNG24 a généralement une taille de fichier plus grande que PNG8. De plus, PNG8 signifie généralement qu’il est opaque ou n’a que la transparence binaire (comme le GIF); c'est défini comme cela dans ImageMagick/GraphicsMagick.
C’est une réponse à l’autre: "Je voudrais savoir que si j’utilise l’un ou l’autre type dans ma page html, y aura-t-il une erreur? Ou s’agit-il uniquement d’un problème de qualité?"
Vous pouvez mettre l'un ou l'autre type sur une page HTML et non, cela ne provoquera pas d'erreur. les fichiers doivent tous être nommés avec l'extension ".png" et référencés de cette manière dans votre code HTML. Il y a de nombreuses années, les premières versions d'Internet Explorer ne géraient pas correctement le format PNG avec un canal alpha (PNG32) ou un fichier PNG à couleurs indexées avec des pixels translucides. Il était donc utile de convertir ces images au format PNG8 (couleurs indexées avec transparence binaire transmises via un fichier PNG). tRNS chunk) - mais utilisez toujours l'extension .png pour vous assurer qu'ils s'afficheront correctement sous IE. Je pense que PNG24 a toujours été correct sur Internet Explorer, car PNG24 est soit opaque, soit doté d’une transparence monochrome de type GIF, transmise via un bloc PNG tRNS.
Les noms PNG8 et PNG24 ne sont pas mentionnés dans la spécification PNG, qui les appelle simplement tous "PNG". D'autres noms, inventés par d'autres, incluent
- PNG8 ou PNG-8 (couleur indexée avec des échantillons de 8 bits, signifie généralement opaque ou de type GIF, transparence binaire, mais inclut parfois la transparence)
- PNG24 ou PNG-24 (RVB avec échantillons de 8 bits, peut avoir une transparence de type GIF via tRNS)
- PNG32 (RGBA avec échantillons 8 bits, opaque, transparent ou translucide)
- PNG48 (comme PNG24 mais avec des échantillons R, G, B de 16 bits)
- PNG64 (comme PNG32 mais avec des échantillons R, G, B, A de 16 bits)
Il existe de nombreuses autres combinaisons possibles, notamment des niveaux de gris avec des échantillons de 1, 2, 4, 8 ou 16 bits et des fichiers PNG indexés avec des échantillons de 1, 2 ou 4 bits (et n'importe lequel de ceux comportant des pixels transparents ou translucides). Je n'ai pas de noms spéciaux.
Différence de base: un fichier PNG 8 bits comprend un max. de 256 couleurs. Le format PNG-24 est sans perte et peut contenir jusqu'à 16 millions de couleurs.
Impacts:
- Si vous utilisez une image à coins arrondis, les bords peuvent être visibles au format png8.
- ie6 ne supporte pas le format png24.
La principale différence réside dans le fait qu’un fichier PNG 8 bits comprend un nombre max. de 256 couleurs, comme les GIF. Le format PNG-24 est un format sans perte et peut contenir jusqu'à 16 millions de couleurs.
Lorsque vous créez une image avec un arrière-plan entièrement transparent dans PNG-8, les contours de l’image paraissent bien en évidence avec des petits morceaux blancs. Mais dans PNG-24, le contour est parti et semble parfait. La transparence dans PNG-24 est plus grande et plus propre que celle de PNG-8.
Le format PNG-8 contient 256 couleurs, tandis que le format PNG-24 contient 16 millions de couleurs.
La taille de fichier est presque le double dans PNG-24 par rapport à PNG-8.