Elegir el formato de imagen equivocado es una de las causas más habituales (y más evitables) de webs lentas y archivos demasiado pesados. Esto es lo que realmente distingue a PNG, JPEG y WebP.
JPEG: el formato para fotos
JPEG usa compresión con pérdida, es decir, descarta parte de los datos de la imagen para reducir el archivo. Tiene un soporte excelente en todas partes y produce archivos pequeños con contenido fotográfico: cualquier cosa con degradados, color natural y textura. No admite transparencia y gestiona mal los bordes nítidos o el texto, y a menudo produce artefactos visibles alrededor de las líneas de alto contraste.
Usa JPEG para: fotografías, fotos de producto y cualquier cosa sin transparencia ni elementos tipográficos nítidos.
PNG: el formato sin pérdida para bordes nítidos
PNG es sin pérdida: no se descarta ningún dato de imagen, así que reproduce con fidelidad perfecta los colores planos, las líneas nítidas y el texto. También admite transparencia. La contrapartida es el tamaño: PNG comprime mal el contenido fotográfico y genera archivos mucho más grandes que JPEG para la misma foto.
Usa PNG para: capturas de pantalla, logotipos, iconos, ilustraciones con color plano y cualquier cosa que necesite fondo transparente.
WebP: normalmente la mejor opción por defecto
WebP admite compresión con y sin pérdida en un mismo formato, además de transparencia. En modo con pérdida suele producir archivos entre un 25 % y un 35 % más pequeños que JPEG con calidad visual equivalente; en modo sin pérdida también supera a PNG. El soporte de los navegadores es hoy prácticamente universal (todos los principales lo admiten desde hace años), lo que elimina la principal objeción histórica para usarlo.
Usa WebP para: casi todo, salvo que necesites compatibilidad con software muy antiguo anterior al soporte amplio de WebP, o un formato que otras herramientas de diseño puedan reeditar con facilidad.
Guía rápida de decisión
- Foto sin necesidad de transparencia → WebP, con JPEG como alternativa para máxima compatibilidad.
- Captura, logotipo o gráfico con transparencia → WebP (modo sin pérdida), con PNG como alternativa.
- Enviar un archivo a una imprenta o a otro software que quizá no admita WebP → PNG o JPEG, según si es una foto o no.
Convertir o comprimir
El conversor de archivos de Mcatorce Suite cambia entre estos formatos directamente en tu navegador, y el compresor de imágenes ajusta el equilibrio calidad/tamaño para los archivos JPEG, PNG y WebP que ya tengas.