html - Cuál es la diferencia entre png8 y png24

css png-24 (6)

Al hacer una imagen con fondo totalmente transparente en PNG-8, el contorno de la imagen se ve prominente con pequeños bits blancos. Pero en PNG-24 el esquema se ha ido y se ve perfecto. La transparencia en PNG-24 es mayor y más limpia que PNG-8.

PNG-8 contiene 256 colores, mientras que PNG-24 contiene 16 millones de colores.

El tamaño del archivo es casi el doble en PNG-24 que PNG-8.

Quiero saber sobre los usos de los archivos png. Hay dos formatos disponibles para imágenes png ; uno es png8 y el otro es png24 .

Me gustaría saber que si uso cualquiera de los tipos en mi página html , ¿habrá algún error? ¿O es esto solo cuestión de calidad?

Desde la Guía del diseñador web hasta el formato de imagen PNG

PNG-8 y PNG-24
Hay dos formatos PNG: PNG-8 y PNG-24. Los números son taquigrafía para decir "PNG de 8 bits" o "PNG de 24 bits". Para no entrar demasiado en tecnicismos, porque como diseñador web, probablemente no le interese, los PNG de 8 bits significan que la imagen es de 8 bits por píxel, mientras que los PNG de 24 bits significan 24 bits por píxel.
Para resumir la diferencia en inglés simple: Digamos que PNG-24 puede manejar mucho más color y es bueno para imágenes complejas con muchos colores, como fotografías (como JPEG), mientras que PNG-8 está más optimizado para cosas con colores simples, como logotipos y elementos de la interfaz de usuario como iconos y botones.
Otra diferencia es que PNG-24 admite nativamente la transparencia alfa, lo que es bueno para fondos transparentes. Esta diferencia no es 100% verdadera porque el comando Guardar para Web de los productos de Adobe permite PNG-8 con transparencia alfa.

Diferencia básica: un PNG de 8 bits comprende un máx. de 256 colores. PNG-24 es un formato sin pérdida y puede contener hasta 16 millones de colores.

Impactos:

Si está utilizando cualquier imagen de esquina redonda, los bordes pueden ser visibles en formato png8.
ie6 no es compatible con el formato png24.

Ha hecho dos preguntas, una en el título sobre la diferencia entre PNG8 y PNG24, que ha recibido algunas respuestas, a saber, que PNG24 tiene canales rojo, verde y azul de 8 bits, y PNG-8 tiene un solo 8 bits índice en una paleta. Naturalmente, PNG24 generalmente tiene un tamaño de archivo mayor que PNG8. Además, PNG8 generalmente significa que es opaco o solo tiene transparencia binaria (como GIF); se define de esa manera en ImageMagick / GraphicsMagick.

Esta es una respuesta a la otra, "Me gustaría saber que si uso cualquiera de los tipos en mi página html, ¿habrá algún error? ¿O es solo cuestión de calidad?"

Puede poner cualquier tipo en una página HTML y no, esto no causará un error; todos los archivos deben nombrarse con la extensión ".png" y se los debe referir de esa manera en su HTML. Hace años, las primeras versiones de Internet Explorer no manejaban PNG con un canal alfa (PNG32) o PNG de color indexado con píxeles translúcidos correctamente, por lo que era útil convertir dichas imágenes a PNG8 (color indexado con transparencia binaria transmitida a través de PNG) tRNS chunk) - pero aún use la extensión .png, para asegurarse de que se muestren correctamente en IE. Creo que PNG24 siempre estuvo bien en Internet Explorer porque PNG24 es opaco o tiene una transparencia de un color similar a GIF transmitida a través de un fragmento PNG tRNS.

Los nombres PNG8 y PNG24 no se mencionan en la especificación PNG, que simplemente los llama "PNG". Otros nombres, inventados por otros, incluyen

PNG8 o PNG-8 (color indexado con muestras de 8 bits, por lo general significa transparencia opaca o similar a GIF, pero a veces incluye translucidez)
PNG24 o PNG-24 (RGB con muestras de 8 bits, puede tener transparencia tipo GIF a través de tRNS)
PNG32 (RGBA con muestras de 8 bits, opacas, transparentes o translúcidas)
PNG48 (como PNG24 pero con muestras R, G, B de 16 bits)
PNG64 (como PNG32 pero con muestras R, G, B, A de 16 bits)

Hay muchas más combinaciones posibles, incluida la escala de grises con muestras de 1, 2, 4, 8 o 16 bits y PNG indexado con muestras de 1, 2 o 4 bits (y cualquiera de ellas con píxeles transparentes o translúcidos), pero aquellos No tengo nombres especiales.

La principal diferencia es que un PNG de 8 bits comprende un max. de 256 colores, como GIF. PNG-24 es un formato sin pérdida y puede contener hasta 16 millones de colores.

Solo hay un formato PNG, pero admite 5 tipos de color .

PNG-8 se refiere a la variante de paleta, que solo admite 256 colores, pero generalmente es de menor tamaño. PNG-8 puede ser un sustituto de GIF.

PNG-24 se refiere a la variante de color verdadero, que admite más colores, pero podría ser más grande. Se puede usar PNG-24 en lugar de JPEG, si se necesita un formato de imagen sin pérdidas.

Cualquier navegador web moderno admitirá ambas variantes.