Prepara opciones específicas de PNG para logotipos, capturas de pantalla, recursos de interfaz y gráficos transparentes.
Archivos PNG estáticos; APNG no se acepta en esta versión · Límite de archivos: 20 · 5 MB por archivo
Compresión que respeta la transparencia
Elige una estrategia PNG que respete los bordes transparentes, el texto nítido y los gráficos de color plano.
Conserva los píxeles transparentes y parcialmente transparentes.
Optimiza la codificación sin cambiar intencionalmente los valores de píxeles.
Usa menos colores cuando los logotipos o los recursos de UI puedan tolerarlo.
Los archivos PNG animados quedan fuera de este flujo de trabajo.
El PNG más pequeño no sirve si se pierde la transparencia o los bordes limpios.
Anatomía del PNG
Un PNG puede combinar píxeles opacos, transparencia parcial, texto y zonas de color plano. Esas propiedades merecen una revisión por separado, en lugar de un preajuste de compresión fotográfica.
Prueba los bordes con antialiasing sobre fondos claros y oscuros para que el aplanado o los halos no se oculten en una sola vista previa.
Los cambios de paleta pueden afectar los tonos suaves y los detalles de un píxel incluso cuando una miniatura a distancia parece aceptable.
Mira el PNG exportado sobre fondos claros y oscuros. Revisa el texto pequeño, los colores planos, los degradados y los bordes parcialmente transparentes.
Estrategia PNG
Los gráficos PNG pueden necesitar transparencia, bordes nítidos y colores estables. Decide si los píxeles decodificados deben mantenerse exactos antes de considerar una paleta de color reducida.
Úsalo cuando los colores contractuales, los píxeles de la interfaz o los valores de bordes transparentes deban mantenerse sin cambios al decodificar.
El arte plano puede tolerar menos colores, mientras que los degradados, las capturas de pantalla y las ilustraciones con textura pueden mostrar banding visible.
Usa un flujo de trabajo JPG para una fotografía opaca solo cuando no se necesite transparencia. Mantén PNG cuando la imagen necesite píxeles transparentes.
Revisa tu resultado
Coloca el PNG sobre fondos claros y oscuros para revelar bordes alrededor del cabello, las sombras o el texto con antialiasing.
Revisa los logotipos y los gráficos de la interfaz para detectar cambios en los colores de marca o tonos perdidos. La reducción de paleta puede afectar estas áreas de forma distinta a las fotografías.
Si se requieren píxeles exactos, compara los valores de píxeles decodificados en lugar de los bytes del archivo. Un PNG más pequeño no es, por sí solo, prueba de un resultado sin pérdida.
El flujo de trabajo de PNG está diseñado para conservar la transparencia alfa. Verifica la salida procesada real en VisionStory antes de reemplazar un recurso original.
