Cada formato de imagen es un conjunto de concesiones, no una clasificación de calidad. La comparación PNG vs JPG es la que de verdad necesita casi todo el mundo: el JPG descarta detalles que tu ojo difícilmente notará para que las fotografías pesen poco, mientras que el PNG conserva cada píxel exacto para que los gráficos sobrevivan a la edición. El WebP intenta hacer las dos cosas dentro de un mismo contenedor.

Por eso la pregunta útil nunca es «qué formato es mejor», sino «qué es esta imagen y a dónde va». Un logotipo, una foto de vacaciones y una captura de pantalla tienen tres respuestas distintas, y elegir mal te cuesta bytes o calidad.

Esta guía cubre los tres formatos de imagen que resuelven casi todo el trabajo web —JPG, PNG y WebP— y deja claro cuándo toca cada uno.

01PNG vs JPG: la respuesta corta

La duda suele llegar como «diferencia entre JPG y PNG». La respuesta en una línea: el JPG es un formato con pérdida pensado para fotografías y el PNG es un formato sin pérdida pensado para gráficos. Elige JPG cuando un archivo pequeño importe más que el píxel exacto, y PNG cuando la imagen tenga bordes duros, texto o transparencia, o cuando vayas a editarla otra vez.

Una aclaración de nombres: JPG y JPEG son el mismo formato. JPEG es el nombre del estándar y .jpg es la extensión de tres letras que dejaron Windows y DOS. Así que jpeg vs png y jpg vs png comparan exactamente lo mismo: un codificador con pérdida frente a uno sin pérdida, no dos niveles de calidad del mismo formato.

png vs jpg es la misma pregunta con las palabras invertidas, y lleva a la misma respuesta; lo único que cambia es la dirección de la conversión.

Así se ordenan los tres formatos web en las propiedades que deciden la respuesta.

02Cuándo usar JPG y cuándo PNG

Pasa la imagen por estas cinco preguntas y la elección suele quedar clara.

• ¿Es una fotografía y no necesita transparencia? Usa JPG, o WebP si sirves la web tú mismo.
• ¿Es un logotipo, un icono, una captura o un recurso de interfaz? Usa PNG: los bordes duros y el texto siguen nítidos y admite transparencia.
• ¿Tiene que apoyarse sobre cualquier fondo? Usa PNG o WebP; el JPG no tiene canal alfa y aplanará la transparencia sobre un color sólido.
• ¿Va a imprenta, correo o una aplicación antigua? Usa un JPG de alta calidad, la opción más aceptada.
• ¿Vas a editarla muchas veces? Conserva el PNG y exporta el JPEG final una sola vez.

Si tienes un JPG y necesitas transparencia, conviértelo con JPG a PNG antes de añadir el canal alfa en tu editor. Si tienes un PNG y necesitas un archivo más pequeño que acepte cualquier sistema, ve al revés con PNG a JPG.

03Cada formato optimiza un problema distinto

Tres propiedades deciden casi cualquier elección: si el codificador puede perder datos, si la imagen necesita un canal alfa y si el contenido es una fotografía o un gráfico de color plano.

Los codificadores con pérdida, como JPG, WebP y AVIF, reducen información a propósito y gastan los bits ahorrados en el detalle que más importa. Los codificadores sin pérdida, como PNG, guardan lo que les diste y luego confían en la compresión general. Ninguno es «mejor» en abstracto: responden a preguntas diferentes.

La segunda propiedad es el canal alfa, la opacidad por píxel que permite que un logotipo se apoye sobre cualquier fondo. El JPG no tiene canal alfa, así que la transparencia debe aplanarse sobre un color sólido antes de codificar. El PNG y el WebP sí lo llevan y, en el caso del WebP, incluso junto a compresión con pérdida.

04Tamaño medido sobre la misma imagen

Las afirmaciones sobre tamaño solo sirven cuando la entrada es fija. Tomamos una fotografía de 1408x768 (public/design/image-compressor-sample.jpg, 272.551 bytes) y la recodificamos con Pillow 11.3.0 sobre Python 3.9.6 / macOS 26.5.1, usando los ajustes estándar de cada codificador. Todas las cifras se volvieron a medir el 2026-10-09:

input  image-compressor-sample.jpg   1408x768   272,551 B

JPEG  quality 80, optimize           236,333 B   referencia
PNG   lossless, optimize           1,733,498 B   +633% frente a JPEG
WebP  quality 80, method 4           186,492 B   -21%  frente a JPEG
AVIF  quality 50                     117,794 B   -50%  frente a JPEG

Esa diferencia es toda la historia. El PNG generó un archivo 7,3 veces mayor que el JPEG en una fotografía, porque el ruido fotográfico es casi incompresible cuando te niegas a perder algo. El WebP, con un ajuste de calidad comparable, quedó un 21% por debajo del JPEG, y el AVIF fue más lejos todavía.

El PNG no es un ajuste de calidad que puedas subir.

Pasar una fotografía de JPG a PNG cambia cero píxeles y multiplica el tamaño del archivo. El detalle que el JPEG ya descartó no está; el PNG solo garantiza que no se pierda nada más.

05JPG: el formato de las fotografías

El JPEG trabaja sobre bloques de 8x8 píxeles, convierte cada bloque en coeficientes de frecuencia y luego los cuantiza: conserva los gruesos y descarta el detalle fino que el ojo difícilmente distingue. El color suele guardarse a media o a un cuarto de resolución, porque la visión humana resuelve mucho mejor el brillo que el color.

Ese diseño explica por qué el JPG gana en fotografías y pierde en todo lo demás. Una fotografía tiene degradados suaves y ruido de sobra, así que la cuantización agresiva resulta invisible. Una captura de pantalla tiene bordes duros y paneles planos, justo el contenido que la cuantización más daña, y por eso un texto guardado como JPG acumula flecos grises alrededor de cada letra. También por eso jpeg vs png no tiene un ganador único: el formato correcto sigue al contenido, no a una tabla de posiciones.

Usa JPG cuando la imagen sea una fotografía, cuando el destino exija compatibilidad total y cuando el archivo vaya a imprenta, archivo o correo. Conserva un maestro sin pérdida si vas a seguir editando, porque cada guardado parte del resultado comprimido anterior y no del original.

06PNG vs JPG: transparencia y texto

Donde el JPG gasta sus bytes en tonos suaves, el PNG los gasta en exactitud. El PNG es sin pérdida por construcción: guarda color de 24 bits más un canal alfa de 8 bits y luego comprime el resultado con DEFLATE, después de aplicar filtros por fila que convierten las zonas planas en secuencias de ceros. En gráficos de color plano esos filtros funcionan de maravilla: nuestro logotipo de 1161x389 con transparencia ocupó 98.032 bytes en PNG, y los mismos píxeles quedaron en 36.116 bytes como WebP sin pérdida.

Su fortaleza y su debilidad son la misma propiedad. Como no descarta nada, un PNG puede decodificarse, editarse y recodificarse cientos de veces sin acumular daño, que es justo lo que quieres para un logotipo, un icono, un diagrama o una captura de interfaz que retocarás después.

El coste aparece en el momento en que el contenido deja de ser plano. Los gráficos de bordes duros se comprimen bien; los degradados fotográficos no. Si tu PNG es enorme sin explicación, el archivo te está diciendo que ese contenido pertenece a un formato que puede perder datos.

07WebP: casi siempre el mejor valor por defecto en la web

WebP es un contenedor, no un único códec. Admite compresión con pérdida, compresión sin pérdida, canal alfa en ambos modos y animación, así que un solo formato puede sustituir al JPG, al PNG y al GIF de una página.

En nuestra medición, el WebP con pérdida y calidad 80 produjo 186.492 bytes frente a los 236.333 del JPEG con el mismo ajuste: un 21% menos en una fotografía. Los propios tests de Google sitúan al WebP con pérdida entre un 25% y un 34% por debajo del JPEG a igual calidad. Con el logotipo transparente, el WebP sin pérdida llegó a 36.116 bytes frente a los 98.032 del PNG, un 63% menos sin cambiar un solo píxel.

Todas las versiones actuales de Chrome, Safari, Firefox y Edge muestran WebP, así que el argumento clásico en contra ha caducado. La única razón que queda para conservar una copia JPG o PNG es la compatibilidad del destino: imprentas, editores de escritorio antiguos y algunos sistemas internos siguen aceptando solo los formatos clásicos.

Publica en WebP y guarda el original como maestro.

Convierte una copia para la web con JPG a WebP o PNG a WebP, y conserva el JPG original o el PNG por capas para volver a editarlo.

08Elige el formato por trabajo, no por costumbre

Si solo recuerdas una fila, que sea la primera: en la web, las fotografías van en WebP con JPG como reserva. Para todo lo que tenga bordes duros o transparencia, el orden se invierte.

09Los formatos con los que también te toparás

Los tres grandes cubren casi todo, pero hay cuatro formatos más que aparecen con la frecuencia suficiente para reconocerlos.

El AVIF es el que conviene vigilar. Fue el más pequeño de los cuatro codificadores que probamos y lo admiten los navegadores actuales, pero tarda bastante más en codificar y parte del software de escritorio sigue sin abrirlo.

10Errores que cuestan calidad o bytes

La fila de la pérdida generacional es la que más se exagera. Recodificar nuestra foto de prueba con calidad 80 cinco veces seguidas movió el píxel medio 2,45 sobre 255 en la primera pasada, y luego 0,12, 0,06, 0,03 y 0,02 en las siguientes: real, pero pequeño. El daño se vuelve visible cuando combinas el reguardado con ajustes de calidad bajos, recortes grandes o escalados, y por eso el hábito seguro es editar sin pérdida y exportar una sola vez.

Convertir no es restaurar.

Mover un archivo ya comprimido a un contenedor sin pérdida conserva el daño existente. Para recuperar detalle necesitas la captura original, no una extensión nueva.

11Convierte en local, sin subir nada

El Compresor de imágenes acepta un JPG, PNG, WebP o AVIF y lo recodifica en tu navegador, conservando el formato de salida o cambiándolo con un solo ajuste. La subida nunca sale del dispositivo, así que no hay cola detrás de un servidor ni nada que limpiar después.

1. Arrastra tus imágenes al área de carga o haz clic para buscarlas. La carga por lotes está admitida.
2. Cada archivo en cola aparece con su tamaño y dimensiones originales.
3. Pulsa Compress en la página principal, o el único botón Convert en una página dedicada como PNG a WebP.
4. Revisa la vista previa antes y después; el informe muestra el porcentaje ahorrado por archivo.
5. Descarga los archivos uno a uno o pulsa Download all para el lote completo.

Las páginas dedicadas fijan el formato y la calidad de salida, así que no hay nada que ajustar: JPG a WebP y PNG a WebP usan calidad 80, WebP a JPG y PNG a JPG usan calidad 85, y las dos páginas que convierten a PNG siguen siendo sin pérdida. Si pulsas convertir en la página equivocada tiene arreglo: pasa el resultado por la página inversa.

12Fuentes

• ITU-T Recommendation T.81 — compresión y codificación digital de imágenes fijas de tono continuo (fecha de consulta: 2026-10-09)
• W3C — PNG Specification (Third Edition): profundidad de canal, filtros y el paso DEFLATE (fecha de consulta: 2026-10-09)
• RFC 1951 — DEFLATE Compressed Data Format Specification (fecha de consulta: 2026-10-09)
• Google WebP — técnicas de compresión, modo sin pérdida y animación (fecha de consulta: 2026-10-09)
• Google WebP — estudio comparativo de compresión WebP, PNG y JPEG (fecha de consulta: 2026-10-09)
• Can I use — soporte de navegadores del formato WebP (fecha de consulta: 2026-10-09)
• Can I use — soporte de navegadores del formato AVIF (fecha de consulta: 2026-10-09)
• MDN — Image file type and format guide: formatos con y sin pérdida, canal alfa y fortalezas de cada formato (fecha de consulta: 2026-10-09)
• W3C — especificación GIF89a: tamaño de la tabla de color y paleta (fecha de consulta: 2026-10-09)
• Nokia — High Efficiency Image File Format (HEIF) (fecha de consulta: 2026-10-09)