PNG vs JPG vs WebP: ¿qué formato de imagen deberías usar?

Guardas una imagen y tu ordenador te pide un formato, o un sitio web te dice que solo acepta ciertos formatos, y te quedas adivinando. PNG, JPG y WebP son los tres con los que realmente te topas, y elegir el correcto cambia lo bien que se ve tu imagen y lo pesado que es el archivo. Aquí está la versión en lenguaje sencillo de cuándo usar cada uno.

El resumen en una línea

Si solo recuerdas tres reglas, recuerda estas:

• JPG para fotografías.
• PNG para gráficos con texto, bordes definidos o transparencia.
• WebP cuando quieres el archivo más pequeño para la web y no necesitas la máxima compatibilidad.

Todo lo de abajo es simplemente el razonamiento detrás de esas tres líneas.

JPG: hecho para fotografías

JPG (también escrito JPEG) usa compresión “con pérdida”, que descarta detalle que el ojo apenas nota para hacer el archivo drásticamente más pequeño. Para fotografías, llenas de gradientes sutiles y millones de colores, esto funciona de maravilla: un JPG puede ser una fracción del tamaño sin pérdida visible.

Donde JPG tiene problemas es con los bordes definidos y el color plano. El texto, los logotipos y las capturas de pantalla guardados como JPG a menudo se ven borrosos, con leves manchas alrededor de las partes nítidas. JPG tampoco puede hacer transparencia. Así que: fotos sí, gráficos no.

PNG: hecho para gráficos y transparencia

PNG usa compresión “sin pérdida”, lo que significa que conserva cada píxel exactamente. Eso lo hace perfecto para las cosas que JPG maneja mal:

• Logotipos, iconos e ilustraciones con bordes duros.
• Capturas de pantalla donde el texto debe seguir siendo nítido.
• Cualquier cosa con transparencia, ya que PNG admite un fondo traslúcido.

La contrapartida es el tamaño. Una fotografía guardada como PNG puede ser varias veces más grande que la misma foto como JPG, sin beneficio visible. Así que usa PNG para gráficos, no para fotos.

WebP: el todoterreno moderno

WebP es un formato más nuevo de Google que pretende hacer ambos trabajos, con pérdida como JPG o sin pérdida como PNG, mientras produce archivos notablemente más pequeños que cualquiera de los dos. También admite transparencia e incluso animación.

Para un sitio web, WebP suele ser la mejor opción: las páginas más pequeñas cargan más rápido y posicionan mejor. La única pega real es la compatibilidad. El soporte es muy amplio ahora, pero unos pocos programas y flujos de trabajo antiguos todavía no aceptan WebP, así que para un archivo que vas a enviar por correo o entregar a alguien, un JPG o PNG es la apuesta más segura.

Una guía rápida de decisión

• ¿Pones una foto en un sitio web? WebP primero, JPG como respaldo seguro.
• ¿Compartes una foto por correo o con una persona? JPG.
• ¿Guardas un logotipo, icono o captura de pantalla? PNG (o WebP si es para la web).
• ¿Necesitas transparencia? PNG o WebP, nunca JPG.
• ¿Te preocupa la compatibilidad por encima de todo? JPG para fotos, PNG para gráficos.

Cómo cambiar entre formatos

Rara vez tienes que volver a exportar desde el original. El Conversor de Formato de Imagen gratuito convierte una imagen de un formato a otro en segundos, directamente en tu navegador, así que el archivo nunca se sube a un servidor.

Si el resultado sigue siendo más pesado de lo que quieres, pásalo por el Compresor de Imágenes para recortar el tamaño aún más, o por el Redimensionador de Imágenes si las dimensiones son mayores de las que necesitas. Y si partes de un logotipo vectorial, el Convertidor de SVG a PNG te da una versión ráster nítida a cualquier tamaño.

La conclusión

No hay un único formato mejor, solo el mejor para la tarea. Las fotos quieren JPG (o WebP en la web). Los gráficos y cualquier cosa transparente quieren PNG. Y cuando la velocidad web importa más, WebP suele ganar. Cuando te equivocas, convertir es rápido y gratis, así que es un error fácil de arreglar.