La respuesta rápida: las fotos van en JPEG, los gráficos con bordes nítidos o transparencia van en PNG. Si no recuerdas nada más, esa regla resuelve correctamente el 90 % de las decisiones. El resto de esta página explica por qué, para que puedas resolver los casos límite tú mismo.

La única distinción que importa

JPEG vs PNG: ¿cuál deberías usar? — visual 1
La única distinción que importa

JPEG y PNG se crearon para tipos de imagen distintos.

  • JPEG es un formato con pérdida afinado para fotografías. Destaca con los degradados suaves —piel, cielos, fondos desenfocados— y elimina de buen grado el detalle fino que tu ojo ignora. Así es como hace que una foto de 12 megapíxeles quepa en 2 MB.
  • PNG es un formato sin pérdida creado para color plano, líneas nítidas y texto. También admite transparencia, algo que JPEG no puede hacer en absoluto. Un logotipo, un icono, la captura de una interfaz o un gráfico van en PNG.

Usa el equivocado y lo notas de inmediato. Guarda un logotipo como JPEG y los bordes nítidos se rodean de un "ruido de mosquito" gris. Guarda una foto como PNG y el archivo se hincha a cinco o diez veces el tamaño sin beneficio visible alguno.

Una guía rápida de decisión

JPEG vs PNG: ¿cuál deberías usar? — visual 2
Una guía rápida de decisión

Hazte dos preguntas en orden:

  1. ¿Necesita transparencia? Si sí → PNG (o WebP). JPEG no tiene transparencia, punto.
  2. ¿Es una fotografía o una imagen fotográfica con muchos degradados? Si sí → JPEG. Si es color plano, texto nítido o arte lineal → PNG.

Las capturas de pantalla son la trampa clásica. La captura de una página web con muchas fotos se comprime mejor como JPEG; la captura de código, una hoja de cálculo o una interfaz se mantiene nítida y pequeña como PNG. En caso de duda, prueba ambos y compara, lo que nos lleva a las herramientas.

Convertir entre ellos

Si tienes el formato equivocado, cambiarlo es trivial. El conversor de imágenes de IMG.DIY pasa entre PNG, JPG, WebP y AVIF directamente en el navegador. (Nota: los navegadores no pueden codificar AVIF a través del canvas, así que la salida AVIF recurre a WebP, que es casi igual de pequeño y compatible en todas partes.) Puedes convertir todo un lote de una vez.

La ganancia más común: un diseñador te entregó una carpeta de fotografías en PNG. Conviértelas a JPG y verás cómo la carpeta encoge un 80 % o más sin pérdida visible.

Comprimir cada formato de la forma correcta

La elección de formato es solo la mitad del trabajo: aún quieres el archivo pequeño.

  • Para JPEG (y WebP): usa un control de calidad. El rango 75-85 es visualmente sin pérdida para la mayoría de las fotos mientras recorta el tamaño con fuerza.
  • Para PNG: no hay control de calidad porque es sin pérdida. En su lugar, reduce el número de colores. La mayoría de los PNG usan muchos menos colores de los permitidos, así que cuantizar a una paleta de 256 colores suele ahorrar un 60-80 % sin cambio visible, y mantiene intacta la transparencia.

El compresor de imágenes de IMG.DIY aplica el método correcto automáticamente según el formato que le des, y nunca produce un archivo más grande que el original. Procesa por lotes una carpeta mixta de JPG y PNG y cada uno recibe el tratamiento que necesita.

¿Y WebP?

Merece una mención: WebP hace ambos trabajos. Comprime fotos como JPEG y admite transparencia como PNG, normalmente en tamaños más pequeños que cualquiera de los dos. Si tu audiencia usa navegadores modernos (que es casi todo el mundo ahora), convertir a WebP suele ser el mejor movimiento único. Conserva un JPEG o PNG de reserva solo si tienes que dar soporte a software muy antiguo.

En resumen

Fotos → JPEG. Logotipos, iconos, texto, transparencia → PNG. ¿Necesitas compresión y transparencia, o el archivo más pequeño posible? Considera WebP. Luego comprime con el método apropiado para el formato. Cada paso aquí funciona por completo en tu navegador: nada se sube, y tras tu primera visita las herramientas funcionan sin conexión.