Comparativa · Herramientas de imagen
JPG vs PNG vs WebP: ¿qué formato de imagen elegir?
Cada vez que guardas o subes una imagen te enfrentas a la misma decisión: JPG, PNG o WebP. Elegir mal tiene consecuencias reales: un PNG donde bastaba un JPG puede multiplicar por diez el peso de una página web, y un JPG donde hacía falta un PNG deja un logotipo con fondo blanco feo y bordes pixelados.
Los tres formatos hacen cosas distintas. JPG comprime fotografías de forma eficiente a costa de perder algo de calidad; PNG guarda cada píxel intacto y admite transparencia, pero pesa más; WebP es el formato moderno que combina lo mejor de ambos, con archivos notablemente más pequeños.
JPG: el rey de las fotografías
JPG lleva desde 1992 comprimiendo fotos con un método «con pérdida»: descarta información que el ojo apenas percibe y reduce el peso drásticamente. Una foto de 5 MB puede quedar en 500 KB casi sin diferencia visible.
Su talón de Aquiles es doble: no admite transparencia (no hay píxeles semitransparentes en JPG) y cada vez que se guarda se pierde un poco más de calidad. Editar y guardar el mismo JPG una docena de veces deja artefactos visibles, esos bloques borrosos alrededor de los bordes.
Úsalo para fotografías y cualquier imagen con degradados y muchos colores donde la transparencia no importe: fotos de producto, retratos, paisajes, imágenes de blog. Evítalo para logotipos, iconos y texto, donde sus artefactos de compresión se notan mucho.
PNG: calidad intacta y transparencia
PNG comprime «sin pérdida»: cada píxel se conserva intacto por muchos guardados que hagas, y admite transparencia total y parcial (canal alfa). Es el formato de logotipos, capturas, gráficos y diseño.
El precio es el peso. Un PNG de una fotografía puede pesar cinco o diez veces más que el mismo JPG, porque guardar cada píxel intacto sale caro. Para fotos en una web, es un derroche de ancho de banda que ralentiza la carga.
Úsalo cuando necesites transparencia o nitidez perfecta: logotipos, iconos, capturas de pantalla con texto, gráficos e ilustraciones con zonas de color plano. Para gráficos sencillos, además, PNG suele pesar menos que JPG, porque su compresión es muy eficiente con áreas de color uniforme.
WebP: el formato moderno que lo cambia todo
WebP, desarrollado por Google, ofrece compresión con y sin pérdida, transparencia y animación en un solo formato. Según las pruebas publicadas por Google, pesa entre un 25 % y un 34 % menos que el JPG equivalente con calidad comparable.
Durante años su problema fue la compatibilidad, pero eso quedó atrás: todos los navegadores modernos (Chrome, Firefox, Safari, Edge) lo soportan desde hace años, al igual que la mayoría de editores y redes sociales. Hoy es la opción recomendada para imágenes web.
Su único punto débil es el ecosistema fuera del navegador: algunos programas antiguos de escritorio aún no lo abren, y si necesitas máxima compatibilidad con software veterano, JPG o PNG siguen siendo más seguros. Para todo lo demás —especialmente web—, WebP es la mejor elección técnica.
Comparativa directa y ¿cuál elegir?
En peso para fotografías, el orden es WebP < JPG < PNG, con diferencia abismal entre el primero y el último. En transparencia, PNG y WebP la admiten; JPG no. En calidad de archivo (fidelidad al original), PNG y el modo sin pérdida de WebP son perfectos; JPG pierde un poco en cada guardado.
En compatibilidad universal, JPG y PNG siguen ganando por historia: cualquier dispositivo de los últimos 25 años los abre. WebP los ha alcanzado en navegadores y móviles modernos, pero puede fallar en software antiguo.
La regla práctica: fotos para web → WebP (o JPG si el destino es antiguo); logos y gráficos con transparencia → PNG o WebP sin pérdida; fotos para imprimir → JPG en máxima calidad. Y antes de subir, pasa la imagen por la herramienta de comprimir imagen (/herramientas-imagen/comprimir-imagen/) y ajusta sus dimensiones con la de redimensionar imagen (/herramientas-imagen/redimensionar-imagen/).
Errores típicos al elegir formato
El error más caro es subir fotos en PNG a una web: una galería de diez fotos puede pasar de 3 MB a 30 MB y la página tarda una eternidad en cargar, sobre todo en móviles. Las fotos siempre van en JPG o WebP.
El error inverso es guardar un logotipo con transparencia en JPG: el fondo transparente se vuelve blanco y los bordes del logo quedan rodeados de artefactos. Si el logo debe ir sobre fondos de colores, PNG o WebP son obligatorios.
Otro clásico: capturas con texto en JPG de baja calidad, donde el texto se vuelve ilegible. Guárdalas en PNG o WebP sin pérdida. Y recuerda: convertir un JPG a PNG no recupera la calidad perdida.
Herramientas gratuitas mencionadas
Preguntas frecuentes
¿WebP es compatible con todos los navegadores?
Sí, en la práctica: Chrome, Firefox, Safari, Edge y Opera lo soportan desde hace años, cubriendo la inmensa mayoría del tráfico web. Solo daría problemas en navegadores muy antiguos (anteriores a 2020) o en algún software de escritorio veterano.
¿Convertir un JPG a PNG mejora su calidad?
No. La conversión no puede recuperar la información que JPG descartó al comprimir; el archivo PNG resultante pesará más pero se verá exactamente igual que el JPG original. Para mejorar la calidad hay que partir del archivo original sin comprimir.
¿Qué formato pesa menos para una foto en una web?
WebP, con diferencia: suele pesar entre una cuarta y una tercera parte menos que un JPG de calidad visual equivalente. Si tu plataforma no admite WebP, JPG con una compresión del 80–85 % es la alternativa clásica.
En resumen
No hay formato perfecto, hay formato adecuado: WebP o JPG para fotos, PNG o WebP para gráficos con transparencia. La decisión lleva diez segundos y el impacto es enorme: páginas más rápidas y menos ancho de banda. Elige con criterio, comprime y redimensiona antes de subir.