WebP, PNG o JPG: ¿qué formato de imagen debes usar?
Tres formatos cubren casi todas las imágenes de la web. No son intercambiables, y elegir el adecuado puede reducir a la mitad el peso de una página.
Una regla rápida
Fotografías: WebP, o JPG si necesitas la máxima compatibilidad. Logotipos, iconos y capturas con texto nítido: PNG (o SVG cuando sea vectorial). Cualquier cosa con transparencia: PNG o WebP. Nunca uses PNG para una fotografía grande a menos que debas conservarla sin pérdida.
JPG: el formato universal para fotos
JPG tiene pérdida y no admite transparencia. Maneja bien las fotografías porque los detalles que descarta son los que el ojo apenas nota. El texto y los bordes duros desarrollan halos borrosos con calidad baja. Todos los dispositivos y programas lo abren.
PNG: sin pérdida y transparente
PNG nunca pierde información, por lo que es ideal para capturas de pantalla, diagramas, logotipos y todo lo que vayas a editar repetidamente. El coste es el tamaño: una foto guardada como PNG puede pesar de cinco a diez veces más que la misma foto en JPG.
WebP: el moderno todoterreno
WebP puede ser con o sin pérdida y admite transparencia y animación. El WebP con pérdida suele ser entre un 25 y un 35 % más pequeño que JPG con calidad similar, y el WebP sin pérdida es aproximadamente un cuarto más pequeño que PNG. Todos los navegadores actuales lo muestran. El problema que queda es el software de escritorio antiguo y los formularios de subida que no aceptan .webp.
¿Y qué pasa con AVIF?
AVIF comprime incluso mejor que WebP, a menudo otro 20–30 %, y tiene amplia compatibilidad en navegadores. Se codifica lentamente y tiene menos soporte en editores, por lo que encaja mejor en la entrega web que en compartir archivos.
Comparación rápida
Foto para un sitio web: WebP (con JPG de respaldo). Foto para enviar por correo o imprimir: JPG. Logotipo o icono con transparencia: PNG o WebP. Captura de pantalla con texto: PNG. Imagen que seguirás editando: PNG.