JPG, PNG o WebP: qué formato de imagen elegir en cada caso
Fotos, capturas, logotipos o imágenes para una web: ventajas y límites de cada formato y cuándo conviene convertir.
Elegir mal el formato de una imagen tiene consecuencias visibles: fotos que pesan diez veces más de lo necesario, logotipos con bordes sucios o fondos blancos donde debería haber transparencia. La regla corta es esta:
- Fotografías → JPG, o WebP si es para una web.
- Capturas de pantalla, gráficos con texto y logotipos → PNG.
- Imágenes para una web, sean fotos o gráficos → WebP.
Abajo explicamos por qué y cuándo hay excepciones.
Con pérdida o sin pérdida: la diferencia clave
Hay dos formas de comprimir una imagen:
- Sin pérdida: el archivo se reduce, pero al abrirlo recuperas exactamente los mismos píxeles. Es lo que hace PNG.
- Con pérdida: se descarta información que el ojo apenas percibe para conseguir archivos mucho más pequeños. Es lo que hace JPG. Cuanto menor es la calidad elegida, más se descarta.
La compresión con pérdida funciona muy bien en fotografías, con muchos colores y transiciones suaves. En imágenes con bordes nítidos, como texto o líneas, produce manchas y halos alrededor de los bordes, los llamados artefactos.
JPG (o JPEG)
Es el formato más compatible: lo abre cualquier programa, móvil o servicio.
- Ideal para: fotografías.
- Compresión: con pérdida, con una calidad ajustable.
- Transparencia: no la admite. Las zonas transparentes se convierten en un color sólido.
- Cuidado con: guardar varias veces el mismo JPG. Cada vez que se vuelve a comprimir, pierde algo más de calidad.
PNG
- Ideal para: capturas de pantalla, logotipos, iconos, gráficos, diagramas y cualquier imagen con texto.
- Compresión: sin pérdida, así que los bordes y el texto quedan perfectos.
- Transparencia: sí, incluida la semitransparencia (bordes suavizados, sombras).
- Cuidado con: usarlo para fotos. Una foto en PNG suele pesar varias veces más que en JPG sin verse mejor.
WebP
Es un formato creado por Google para la web que combina lo mejor de los dos anteriores.
- Compresión: con pérdida o sin pérdida, según se elija al guardar.
- Transparencia: sí, en ambos modos.
- Animación: sí, como alternativa a los GIF.
- Tamaño: según las cifras que publica Google, las imágenes WebP sin pérdida ocupan un 26 % menos que los PNG equivalentes, y las WebP con pérdida entre un 25 % y un 34 % menos que JPG de calidad comparable. Son promedios: en una imagen concreta la diferencia puede ser mayor o menor.
- Compatibilidad: MDN, la documentación técnica de Mozilla, indica que los principales navegadores actuales lo admiten. Algunos programas y servicios más antiguos todavía no lo abren.
Tabla resumen
| JPG | PNG | WebP | |
|---|---|---|---|
| Compresión | Con pérdida | Sin pérdida | Ambas |
| Transparencia | No | Sí | Sí |
| Animación | No | No (existe la variante APNG) | Sí |
| Compatibilidad | Universal | Universal | Navegadores actuales; algunos programas antiguos no |
| Mejor para | Fotos | Capturas, logotipos, texto | Imágenes para webs |
Situaciones habituales
Vas a enviar fotos por correo o subirlas a un formulario. Usa JPG. Si pesan demasiado, reduce sus dimensiones y la calidad con el compresor de imágenes. Una foto de móvil reducida a 1920 píxeles por el lado largo sigue viéndose bien en cualquier pantalla.
Has descargado una imagen WebP y un programa no la abre. Conviértela a JPG si es una foto o a PNG si tiene transparencia, con el conversor de imágenes.
Necesitas un logotipo con fondo transparente. Usa PNG o WebP. Nunca JPG: el fondo transparente se convertiría en un rectángulo de color.
Haces capturas de pantalla para un tutorial. PNG mantiene el texto nítido. Si son para una web, WebP sin pérdida ocupa menos.
Publicas imágenes en tu web. WebP reduce el peso de la página, lo que la hace cargar más rápido, sobre todo en móviles.
Convertir no recupera calidad
Pasar un JPG a PNG no elimina sus defectos de compresión: el PNG los guarda tal cual y ocupa más. Del mismo modo, convertir una imagen pequeña a un formato «mejor» no le añade detalle. Si necesitas la mejor calidad posible, vuelve siempre al archivo original.
Al convertir o comprimir imágenes con las herramientas de esta web, los metadatos del archivo (fecha, modelo de cámara, ubicación GPS) no se copian al resultado. Es una ventaja si vas a compartir la imagen y no quieres revelar dónde se hizo, pero tenlo en cuenta si necesitas conservarlos.
Fuentes consultadas
- An image format for the Web (WebP) (Google for Developers)
- Image file type and format guide (MDN Web Docs, Mozilla)