JPG, PNG o WebP: ¿qué formato deberías usar?

En una línea: las fotos, en JPG o WebP; los gráficos y la transparencia, en PNG o WebP. Antes de pasarte a WebP, comprueba que el sitio donde vas a subir la imagen lo acepta.

JPG (también escrito JPEG) guarda las fotos de forma compacta descartando detalles finos que el ojo rara vez percibe. Casi todos los sitios web, aplicaciones, servicios de correo y marketplaces lo aceptan, lo que lo convierte en la opción más segura en caso de duda.

Sus puntos débiles son los bordes nítidos y los colores planos. El texto, los dibujos de líneas y las capturas de pantalla se llenan de halos borrosos, y JPG no admite transparencia. Cada vez que se edita y se vuelve a guardar, un JPG pierde un poco más, así que conserva el original y exporta a partir de él.

Para reducir un JPG sin cambiar su formato, usa el compresor de imágenes; para probar WebP, usa JPG a WebP.

PNG es un formato sin pérdida: cada píxel se conserva exactamente como estaba. Por eso es adecuado para logotipos, iconos, capturas de pantalla de interfaces y cualquier cosa con texto, y admite transparencia completa, incluidos bordes suaves y sombras.

El precio es el tamaño. Una foto guardada como PNG suele ocupar varias veces más que un buen JPG. En el Web Almanac 2024 de HTTP Archive, el PNG mediano de la web usaba 3,8 bits por píxel, frente a 2,0 en JPG y 1,3 en WebP.

Si un PNG contiene una foto, conviértelo. Si contiene un gráfico, comprímelo como PNG o prueba PNG a WebP, que conserva la transparencia.

Google diseñó WebP para la web, y funciona de las dos maneras: con pérdida como JPG o sin pérdida como PNG, con transparencia en ambos casos. Según Google, los archivos WebP sin pérdida son un 26% más pequeños que los PNG, y los WebP con pérdida, un 25–34% más pequeños que JPG comparables.

Todos los navegadores principales actuales muestran WebP: alrededor del 97% de los navegadores en uso, incluido Safari desde la versión 14. El problema está fuera del navegador. Algunas plataformas todavía no aceptan subir WebP: Amazon, Etsy y Mailchimp, por ejemplo, admiten JPG y PNG, pero no WebP.

Convertir tampoco garantiza una mejora. Un logotipo sencillo o una captura de pantalla con pocos colores pueden ocupar menos como PNG. Convierte, compara los dos archivos y quédate con el más pequeño.

1. 01¿La imagen necesita transparencia? Usa PNG, o WebP donde se acepte.
2. 02¿Es una foto o una imagen realista? Usa JPG, o WebP en tu propio sitio web.
3. 03¿Es una captura de pantalla, un gráfico, un logotipo o texto? Usa PNG y luego prueba WebP y compara los archivos.
4. 04¿Dónde se va a subir? Asegúrate de que la plataforma acepta el formato; si no, quédate con JPG o PNG.
5. 05Comprime el archivo final, sea cual sea su formato.

Para conocer los tamaños y límites de cada plataforma, consulta los requisitos de tamaño de imagen para correo electrónico y tiendas online.

AVIF es un formato más reciente que puede ocupar todavía menos, pero tarda más en generarse y lo aceptan menos herramientas y plataformas. En la web sigue siendo poco común: en el Web Almanac 2025, AVIF representaba el 0,7% de las imágenes LCP, frente al 11% de WebP, el 26% de PNG y el 57% de JPG. Para la mayoría de los sitios, hoy JPG, PNG y WebP cubren todas las necesidades.

• Guardar las fotos en PNG por calidad. PNG conserva el detalle que ya existe, pero no puede añadir más, y el archivo multiplica su tamaño.
• Convertir un JPG a PNG para arreglar bordes borrosos. El daño ya está en el JPG; vuelve al original.
• Pasarlo todo a WebP sin comprobarlo. Puede que tu sitio web lo admita, pero que tu plataforma de tienda o tu herramienta de correo lo rechacen.
• Quedarse en la elección del formato. El formato marca el punto de partida; comprimir el archivo final hace el resto.

Siguiente: cómo comprimir imágenes para una web, paso a paso.