Cómo convertir PNG a JPG sin perder calidad

La respuesta corta

Los PNG se hacen grandes porque PNG intenta preservar los píxeles exactos. Los JPG se hacen pequeños porque JPG tiene permitido simplificar una foto de formas que casi siempre pasan desapercibidas al tamaño final de visualización.

Esa compensación es útil. Un PNG no es «malo» por ser grande. Un JPG no es «de baja calidad» por ser más pequeño. Resuelven trabajos distintos:

• PNG es la mejor opción cuando los píxeles deben quedar exactos: capturas, grabaciones de UI, diagramas, logotipos, iconos, gráficos con transparencia y archivos fuente que quizá vuelvas a editar.
• JPG es la mejor opción cuando la imagen es fotográfica y tiene que subirse, enviarse por correo o cargarse deprisa.
• WebP suele ser el mejor sustituto en la web cuando quieres la transparencia típica de PNG con archivos más pequeños.

El error es usar PNG para todo porque suena a mayor calidad. Una foto de cámara guardada como PNG puede ser varias veces más grande que un JPG sin que se vea ninguna mejora en un sitio web.

Por qué PNG se dispara con las fotos

Empecemos por las matemáticas puras de los píxeles. Una imagen de 4000 × 3000 contiene 12 millones de píxeles. Si se almacena como RGBA de 8 bits antes de comprimir, son unos 48 MB de datos: rojo, verde, azul y alfa para cada píxel.

PNG sí comprime esos datos. La especificación PNG del W3C describe PNG como formato ráster sin pérdida y define pasos de filtrado y compresión que preservan la información de la imagen. En cristiano, el codificador intenta predecir o simplificar cada fila de píxeles y luego comprime los patrones de bytes que quedan.

Eso funciona de maravilla cuando la imagen tiene patrones repetidos:

• un fondo blanco en la captura de un programa;
• un botón azul plano que se repite en la UI;
• texto negro sobre una página clara;
• un gráfico sencillo con pocos colores;
• un logotipo con espacio transparente alrededor.

Las fotos son otro asunto. En una foto de una cara, una calle, un bosque, un tejido o un plato de comida, los píxeles vecinos son parecidos pero rara vez idénticos. Hay ruido del sensor, textura, sombras, desenfoque del objetivo, grano, variación de color y transiciones finísimas en los bordes. PNG no puede tirar esos detalles, así que se ve obligado a describirlos todos.

JPG está pensado precisamente para ese lío fotográfico. Puede simplificar el detalle fino de color y textura, sobre todo donde los observadores tienen menos probabilidades de fijarse. Por eso la misma foto puede ser un PNG de 12 MB y un JPG de 1,5 MB que se ven igual en un artículo de blog.

PNG vs. JPG según el tipo real de imagen

Elige el formato según el contenido de la imagen, no según la extensión del archivo.

Aquí es donde muchos artículos dan mal consejo. «Convierte PNG a JPG» es correcto para un PNG con aspecto fotográfico. No lo es para todos los PNG. La captura de un panel, una marca de agua transparente, el icono de una app o un código de barras pueden verse peor como JPG.

Sin pérdida significa exacto, no automáticamente pequeño

Compresión sin pérdida significa que la imagen decodificada puede reproducir los píxeles originales tal cual. No significa que el archivo vaya a ser diminuto.

Piensa en PNG como en alguien que hace las maletas con esmero. Si la maleta lleva diez camisas blancas idénticas, puede meterlas de forma eficiente. Si la maleta lleva 12 millones de objetos ligeramente distintos, tiene que anotar cada uno.

Por eso PNG rinde bien con:

• fondos sólidos;
• ilustraciones de color plano;
• colores de interfaz repetidos;
• texto nítido;
• paletas limitadas;
• máscaras de transparencia sencillas.

Y sufre con:

• ruido de cámara;
• textura de piel;
• pelo, tejidos, hierba, hojas, nubes y comida;
• capturas que incluyen fotos incrustadas;
• exportaciones PNG de imágenes generadas por IA;
• recortes de producto con muchas sombras suaves.

La clave: el peso de un PNG depende del contenido. Un icono plano pequeño puede ser minúsculo como PNG. Una foto de móvil a resolución completa puede resultar enorme.

Por qué JPG es más pequeño en fotos

JPEG 1 se diseñó pensando en la codificación de imágenes fotográficas. La descripción oficial de JPEG presenta el estándar original como una tecnología base de codificación con opciones para imágenes fotográficas. MDN también resume JPEG como una buena elección para compresión con pérdida de imágenes fijas.

La razón práctica es simple: JPG tiene permitido perder información.

No tira píxeles al azar. Un codificador JPG busca detalles menos importantes para la percepción humana al nivel de calidad elegido. Por eso JPG funciona bien en:

• retratos;
• paisajes;
• fotos de comida;
• fotos inmobiliarias;
• fotos de producto sin texto diminuto;
• fotos de viaje;
• imágenes de fondo.

JPG funciona mal cuando la imagen tiene bordes exactos:

• texto pequeño de UI;
• diagramas;
• dibujo lineal;
• logotipos;
• códigos QR;
• sombras transparentes;
• capturas de código.

En ese tipo de imágenes los artefactos JPG aparecen como halos, ruido tipo mosquito, trazos borrosos y suciedad de color alrededor de los bordes duros. Para ocultarlos, muchas veces hay que subir tanto la calidad JPG que la ventaja de tamaño se evapora.

Por qué las capturas suelen ir mejor en PNG

Aquí es donde mucha gente se lía: PNG es más grande que JPG en muchas fotos, pero PNG puede ser más pequeño y más limpio en capturas de pantalla.

La captura de una página de ajustes puede tener miles de píxeles del mismo color de fondo. Puede reutilizar el mismo color de texto, de borde y de botón. La compresión PNG adora esa repetición. El resultado es exacto, nítido y a menudo razonablemente pequeño.

Guarda la misma captura como JPG y el codificador tiene que lidiar con bordes duros por todas partes. Alrededor de letras e iconos ha de decidir qué detalle descarta. A calidad baja, la captura se ve sucia. A calidad alta, el archivo puede parecerse al PNG en tamaño, y a veces superarlo.

Usa este test rápido:

1. Si la imagen contiene texto legible, prueba antes con PNG o WebP sin pérdida.
2. Si la imagen es mayormente una foto, prueba antes con JPG o WebP.
3. Si mezcla captura y foto, exporta las dos —PNG y WebP/JPG— y compara al tamaño real al que la gente la va a ver.

La transparencia es una función real, no decoración

PNG admite transparencia alfa. Cada píxel puede ser totalmente opaco, totalmente transparente o parcialmente transparente. Eso importa para logotipos, iconos, pegatinas, recortes de producto, marcas de agua, superposiciones y recursos de UI.

JPG no tiene canal alfa. Si conviertes un PNG con transparencia a JPG, los píxeles transparentes tienen que pasar a un color normal. Algunas herramientas los aplanan sobre blanco, otras te dejan elegir un fondo y algunos codificadores de navegador tienen su propio comportamiento de composición. El resultado deja de ser un recurso transparente.

Así que no conviertas un logotipo PNG a JPG solo porque el JPG sea más pequeño. Puedes ahorrar bytes y romper la maquetación.

Mejores opciones:

• Usa SVG para logotipos e iconos cuando el arte sea vectorial.
• Usa PNG cuando necesites la máxima compatibilidad con transparencia.
• Usa WebP cuando el sitio lo acepte y quieras transparencia con archivos más pequeños.
• Usa AVIF cuando tu flujo lo soporte y puedas comprobar compatibilidad.

La documentación de WebP de Google señala que WebP admite compresión con pérdida, sin pérdida y transparencia. Eso convierte a WebP en una alternativa práctica para muchos PNG transparentes en webs modernas.

Por qué acabaste con esa foto en PNG

Muchas fotos PNG desmesuradas no son una decisión deliberada de formato. Suelen aparecer porque otra herramienta exportó la imagen así.

Casos habituales:

• Una herramienta de diseño exportó una capa de foto como PNG porque todo el lienzo tenía transparencia.
• Una herramienta de captura recogió una página con una foto grande dentro.
• Una IA de imágenes descargó por defecto en PNG.
• Un CMS o un editor convirtió a PNG una imagen pegada.
• Una app móvil o de escritorio guardó una foto editada como PNG para evitar pérdidas de generación.
• Un recorte de producto transparente se guardó como PNG aunque su ubicación final use un fondo sólido.

Antes de convertir, hazte dos preguntas:

1. ¿Es realmente una foto? Si sí, JPG o WebP probablemente tenga sentido.
2. ¿Sigue importando la transparencia? Si sí, elige WebP, AVIF, PNG o SVG en lugar de JPG.

Ese doble control evita la mayoría de las malas conversiones.

¿Cuánto más pequeño será el JPG?

No hay un porcentaje fijo honesto. El ahorro depende de las dimensiones, del contenido, de la calidad de exportación, del comportamiento del codificador y de si el PNG ya tenía una paleta limitada.

Expectativas útiles:

En el conversor PNG a JPG de PhotoTools la calidad por defecto es del 90 %. Es una buena primera exportación para PNG con aspecto de foto porque suele evitar artefactos evidentes. Para fotos web del día a día, 80–88 también sirve. Para etiquetas de producto, caras o imágenes oscuras, sube la calidad y compara.

Cuándo convertir PNG a JPG

Convierte PNG a JPG cuando se cumplan todos estos puntos:

• La imagen es mayormente fotográfica.
• No necesitas transparencia.
• Necesitas compatibilidad amplia con formularios, correo, marketplaces o sistemas antiguos.
• El PNG actual está provocando límites de subida, páginas lentas o adjuntos enormes.
• Aún conservas el PNG original o el archivo fuente.

Ejemplos:

• Un PNG de 9 MB generado por IA que hay que subir a una entrada de blog.
• Una foto de producto de 14 MB exportada sin querer desde un archivo de diseño como PNG.
• Una foto de móvil editada de 20 MB que tiene que caber en el límite de adjuntos del correo.
• Una foto inmobiliaria de 6 MB que hoy ralentiza una página de anuncio.

No conviertas a JPG solo porque el archivo sea PNG. Convierte porque el contenido y el destino hacen del JPG la copia de entrega adecuada.

Cuándo no convertir PNG a JPG

Conserva PNG, o elige WebP/AVIF/SVG, cuando la imagen dependa de píxeles exactos:

• capturas de software con texto legible;
• capturas para tiendas de aplicaciones;
• capturas de código;
• documentación de UI;
• diagramas y gráficos;
• códigos QR y de barras;
• logotipos e iconos;
• superposiciones transparentes;
• gráficos de marca de agua;
• archivos que se van a editar una y otra vez.

Si el PNG pesa demasiado pero sigue necesitando transparencia, prueba PNG a WebP o PNG a AVIF en lugar de JPG. Si es una captura gigantesca, redimensiónala al ancho real de visualización antes de cambiar de formato. Si es un logotipo, comprueba si existe un SVG.

Un flujo práctico con PhotoTools

Usa este flujo cuando tengas una carpeta de PNG grandes y necesites archivos de entrega más ligeros:

1. Ordena por contenido. Separa fotos, capturas, recursos transparentes y logotipos. No deberían recibir todos la misma exportación.
2. Convierte los PNG con aspecto de foto a JPG. Usa PNG a JPG, empieza en calidad 90 e inspecciona el resultado. Baja la calidad mientras la imagen siga viéndose limpia a su tamaño real de visualización.
3. Usa WebP para recursos web transparentes. Si el alfa importa y tu sitio acepta WebP, usa PNG a WebP en lugar de aplanar sobre JPG.
4. Redimensiona primero las imágenes descomunales. Una imagen de 5000 px de ancho que se muestra a 900 px está tirando píxeles a la basura, sea cual sea el formato.
5. Haz lotes con cuidado. Convierte varios archivos a la vez, pero revisa los casos difíciles: texto, caras, degradados, bordes transparentes y etiquetas de producto.

PhotoTools usa las APIs de imagen del navegador para la conversión. El conversor decodifica el origen con createImageBitmap, lo dibuja en un OffscreenCanvas y exporta el formato y calidad elegidos con convertToBlob. La página muestra el tamaño original y el de salida, y los resultados por lotes pueden descargarse como ZIP.

Una checklist rápida de decisión

Úsala antes de exportar:

La costumbre más segura es conservar el PNG o el archivo fuente original como maestro, y exportar aparte una copia JPG/WebP para entrega. Así consigues archivos pequeños para subir sin perder la fuente limpia.

En resumen

Los PNG resultan grandes frente a los JPG cuando se les pide guardar el tipo de imagen equivocado. PNG es excelente preservando píxeles exactos, transparencia y patrones gráficos repetidos. JPG es excelente haciendo que las fotografías sean lo bastante pequeñas como para moverse por la web.

Si el archivo es una foto y la transparencia no importa, convierte el PNG a JPG o WebP. Si es una captura, un logotipo, un diagrama o un recurso transparente, no des por hecho que JPG sea la mejora. Elige el formato según lo que sean realmente los píxeles y dónde tenga que funcionar el archivo.