1er lugar - WEPB. Como regla general, para una imagen "estándar", no vectorial, el formato de imagen más pequeño soportado por todos los principales navegadores modernos es el formato WEBP de próxima generación - capaz de reducir el tamaño de los archivos de imagen en un 30% más que el JPEG (manteniendo el mismo índice de calidad SSIM), y en un 90% más que las imágenes PNG manteniendo una apariencia de alta calidad comparable.

2º lugar - El formato de imagen JPEG se encuentra entre WEBP y PNG en cuanto a la compresión del tamaño del archivo.

3er lugar - PNG generalmente produce los tamaños de archivo más grandes. Por supuesto, hay excepciones dependiendo de los detalles de la imagen.

Comparación del tamaño (y calidad) de las imágenes en formato PNG, JPEG y WEBP:

Explicación de la compresión de imágenes

¿Quieres saber más sobre la compresión? Por favor, consulte las siguientes secciones para obtener más detalles:

• Explicación de la compresión del PNG
• Explicación de la compresión JPEG
• Explicación de la compresión del GIF

Explicación de la conversión de imágenes

¿Quieres saber más sobre cuándo, por qué y cómo convertir entre diferentes formatos de imagen? Por favor, echa un vistazo a las siguientes secciones para obtener más detalles:

• PNG vs. JPEG - Calidad vs. Compresión
• JPEG vs. WEBP - Universal vs. Next-Gen

1. Arrastre y suelte su(s) imagen(es) PNG en cualquier lugar de la página y seleccione Convertir imagen(es) en JPEG.
2. Sus imágenes PNG se convertirán instantáneamente en un lote en archivos JPEG optimizados, lo que resultará en una reducción considerable del tamaño del archivo.
3. En la mayoría de los casos, las imágenes PNG convertidas en JPEG serán un 90% más pequeñas en tamaño de archivo.

Hay casos específicos para cuando es mejor usar JPEG o PNG, dependiendo de tus necesidades.

Las imágenes JPEG contienen datos de compresión con pérdida, lo que significa que algunos datos de la imagen se pierden a través de las aproximaciones para lograr un mayor grado de compresión. Como resultado, la calidad de la imagen puede verse afectada.

Cuando el JPEG es mejor

El formato JPEG es particularmente adecuado para fotografías e imágenes del "mundo real", en las que es capaz de proporcionar un grado muy alto de compresión de datos, mientras que el ojo humano sigue siendo incapaz de percibir el ruido introducido por la pérdida de datos.

Cuando PNG es mejor

PNG, por otro lado, contiene datos de compresión sin pérdidas (sin pérdida de datos), y es más adecuado para cualquiera de los dos:

• Compresión de imágenes de iconos pequeños (para imágenes de 64 píxeles PNG en realidad se comprime mejor que JPEG a estas escalas), o
• Capturas de pantalla, imágenes ilustradas, gráficos u otras imágenes en las que la calidad de la imagen y la reducción del ruido importa más que el tamaño del archivo de la imagen.

Ilustración del ruido perceptible introducido por la compresión con pérdida de JPEG vs. la compresión sin pérdida de PNG:

Siempre que la reducción del tamaño de los archivos de imagen se convierta en una consideración importante, por ejemplo, las imágenes de las páginas web, siempre se debe considerar la conversión de PNG a JPEG (o WEBP).

Los tiempos de carga son importantes para UX y SEO, y las imágenes ocupan un promedio del 50% del peso total de una página web, ocupando una porción significativa de los tiempos de carga de la página. Cuanto más rápido sea el sitio, más interactuarán sus usuarios con él, más fácilmente será indexado, y más alto será su rango en Google.

1. Arrastre y suelte su(s) imagen(es) JPEG (o PNG) en cualquier parte de la página y se convertirán instantáneamente por lotes en imágenes WEPB optimizadas, lo que resultará en una reducción considerable del tamaño del archivo.
2. En la mayoría de los casos, las imágenes convertidas en WEBP lograrán la máxima compresión posible sin ninguna pérdida perceptible en la calidad de la imagen.

En prácticamente todas las métricas que importan en la web, WEBP es un formato de imagen superior al JPEG:

1. WEBP ofrece una mejor relación calidad-tamaño con una compresión de tamaño de archivo aproximadamente un 30% mejor que la de JPEG.
2. Aunque se comprime a tamaños de archivo sustancialmente más pequeños que el JPEG, WEBP sigue ofreciendo una calidad visual idéntica a la del JPEG.
3. WEBP soporta la animación - JPEG no.
4. WEBP soporta la transparencia alfa - JPEG no lo hace.
5. El WEBP soporta la carga progresiva, al igual que el JPEG.
6. WEBP es compatible con todos los principales navegadores modernos.
7. WEBP soporta tanto la compresión de imágenes sin pérdida, como la compresión de imágenes con pérdida, mientras que la compresión JPEG siempre tiene pérdida.

El formato de imagen WEBP fue desarrollado por Google, y aunque ya tiene unos cuantos años, todavía se considera el formato de imagen más superior y de última generación para la web. Sin embargo, hay algunas advertencias, en particular para no usarlo en la web:

1. Como un formato de imagen mucho más nuevo que el bien establecido formato JPEG, WEBP todavía no es compatible con Microsoft Office, y muchas otras aplicaciones de escritorio ampliamente utilizadas.
2. JPEG es un formato de imagen mucho más ubicuo, y garantiza virtualmente el soporte a través de una amplia gama de aplicaciones y plataformas.

El WEBP tiene múltiples ventajas sobre el JPEG:

1. compresión superior
2. apoya la transparencia alfa
3. apoya la animación

Ejemplos de animación WEBP y características de transparencia alfa: