Convertir PNG a AVIF — conserva la transparencia y ahorra peso
Convertir PNG a AVIF: conservar la transparencia sin frenar la web
Hubo una situación en la que los desarrolladores web estuvieron atrapados durante años: una imagen necesita fondo transparente, luego tiene que ser PNG, y los archivos PNG son grandes. Una foto de producto recortada a ancho de pantalla llega enseguida a 2 MB. Con ocho imágenes así, la página está perdida.
JPG no era solución porque no admite transparencia. Y ahí quedaba uno, sin salida.
AVIF resuelve exactamente ese conflicto
AVIF admite canal alfa completo y al mismo tiempo comprime con pérdida. Un PNG de 2 MB se convierte así con frecuencia en un AVIF de 150 a 300 KB: un ahorro del 85 al 92 por ciento conservando la transparencia.
Para fotos de producto recortadas, ilustraciones con sombras suaves y gráficos de gran superficie con degradados, esa es la mayor ganancia que se puede obtener en imágenes.
Cuándo deberías quedarte en PNG
No todo PNG sale beneficiado. En un gráfico sencillo con pocos colores planos —un icono, un logo simple, un diagrama— PNG ya trabaja de forma muy eficiente. Ahí un archivo AVIF puede incluso resultar mayor, y la compresión con pérdida puede generar ligeras imprecisiones en los bordes duros.
También conviene quedarse en PNG si se trata de tu archivo de trabajo. AVIF es un formato de entrega para la web, no un formato para editar y guardar repetidamente.
La regla práctica
Fotos recortadas, ilustraciones con degradados, superficies grandes con transparencia: convertir a AVIF. Iconos, dibujos de línea, capturas con texto, archivos de trabajo: quedarse en PNG.
No olvides el formato alternativo
Los dispositivos muy antiguos no conocen AVIF. En producción, incluye AVIF como primera fuente del elemento picture y el PNG original como segunda: los navegadores modernos tomarán el archivo pequeño y los más antiguos recurrirán al original.
Procesamiento sin subida
Las fotos de producto recortadas suelen ser lo más valioso que posee una marca, sobre todo antes de su publicación. ImageXpo no transfiere nada: la codificación se ejecuta mediante WebAssembly en tu navegador, también con varios cientos de archivos.
Preguntas frecuentes
¿Se conserva el fondo transparente?
Sí, por completo. AVIF admite canal alfa íntegro. Esa es la ventaja decisiva frente a JPG y el motivo por el que este camino resulta tan útil con imágenes recortadas.
Mi archivo AVIF es mayor que el PNG, ¿cómo es posible?
Ocurre con gráficos de pocos colores planos, como iconos o logos sencillos, porque PNG ya almacena ese contenido con mucha eficiencia. AVIF despliega su fuerza con fotos y degradados suaves: en esos casos quédate en PNG.
¿Puedo usar AVIF como archivo de trabajo?
Mejor no. AVIF comprime con pérdida, así que en cada nuevo guardado se pierde calidad. Conserva el PNG como archivo de trabajo y genera el AVIF solo para la entrega en web.
¿Y los navegadores antiguos?
Todos los navegadores actuales muestran AVIF; los dispositivos muy antiguos, no. Inclúyelo mediante un elemento picture con el PNG como segunda fuente y cada dispositivo recibirá una versión que pueda mostrar.