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

El formato de imagen parece un detalle técnico, pero tiene un impacto real. Las imágenes suelen ser lo más pesado de una página web, así que el formato correcto puede hacer un sitio notablemente más rápido. El equivocado puede emborronar el texto o inflar los archivos.

Con pérdida o sin pérdida: la diferencia clave

Los formatos con pérdida (JPG, y WebP o AVIF en modo con pérdida) descartan detalles que el ojo difícilmente nota. Los archivos son mucho más pequeños, pero cada vez que vuelves a guardar se pierde un poco más de calidad.

Los formatos sin pérdida (PNG, y WebP en modo sin pérdida) conservan cada píxel exactamente. La calidad es perfecta, pero los archivos pesan más, sobre todo en fotos.

Comparación de formatos

Formato	Compresión	Transparencia	Ideal para	Ojo con
JPG / JPEG	Con pérdida	No	Fotos, correo, impresión	Bordes borrosos en texto y gráficos
PNG	Sin pérdida	Sí	Capturas, interfaces, logotipos con transparencia	Fotos muy pesadas
WebP	Ambas	Sí	Casi todo en la web	Algunos programas antiguos no lo abren
AVIF	Ambas	Sí	Las fotos de calidad más ligeras en la web	Codificación más lenta; soporte desigual en apps
SVG	Vectorial	Sí	Logotipos, iconos, ilustraciones sencillas	No sirve para fotos
GIF	Sin pérdida, 256 colores	Básica	Animaciones sencillas	Archivos enormes; mejor vídeo o WebP

JPG: el formato universal para fotos

El JPG existe desde 1992 y se abre en todas partes: móviles, navegadores, clientes de correo, impresoras y apps de fotos. Comprime las fotos de forma muy eficiente, por eso lo usan las cámaras. Su punto débil son los bordes nítidos: el texto, los dibujos de línea y las capturas de pantalla se llenan de halos borrosos ("artefactos").

Usa JPG cuando envíes fotos por correo, las subas a servicios que no aceptan WebP o vayas a imprimirlas.

PNG: calidad perfecta y transparencia

El PNG es sin pérdida, así que las capturas y los gráficos con texto se mantienen perfectamente nítidos. También admite transparencia completa, por eso las imágenes recortadas y los logotipos suelen ser PNG. En fotos, en cambio, un PNG puede pesar de 5 a 10 veces más que un JPG que se ve igual.

Usa PNG cuando necesites transparencia, píxeles exactos (capturas, diseños de interfaz) o una copia maestra que vayas a volver a editar.

WebP: el estándar moderno de la web

WebP, desarrollado por Google, hace en un solo formato lo que hacen JPG y PNG: compresión con o sin pérdida, además de transparencia y animación. Según los estudios de Google, los WebP con pérdida suelen ser entre un 25 % y un 34 % más pequeños que JPG equivalentes, y los WebP sin pérdida, alrededor de un 26 % más pequeños que los PNG. Todos los navegadores modernos lo admiten.

Usa WebP para casi todas las imágenes de una web. Guarda una copia en JPG o PNG si también necesitas compartir el archivo con personas que usan programas antiguos.

¿Y AVIF?

AVIF es más reciente y en muchos casos comprime todavía mejor que WebP, sobre todo en fotos. Todos los navegadores principales ya lo admiten. A cambio, la codificación es más lenta y las aplicaciones de escritorio lo soportan peor. Es una gran opción si tu plataforma web lo genera automáticamente.

SVG: gráficos nítidos a cualquier tamaño

El SVG no está hecho de píxeles. Guarda las formas como trazados matemáticos, así que un logotipo se ve perfecto tanto del tamaño de un favicon como de una valla publicitaria, y el archivo suele ser diminuto. SVG es la opción correcta para logotipos, iconos e ilustraciones planas, pero no para fotos.

Cómo convertir imágenes gratis

1. Abre el Convertidor de imágenes gratuito.
2. Suelta una o varias imágenes: PNG, JPG, WebP, GIF, BMP, AVIF o SVG.
3. Elige el formato de salida: WebP, PNG, JPG o SVG.
4. Ajusta la calidad (75–85 es un buen valor por defecto) y, si quieres, un ancho máximo.
5. Convierte y descarga cada archivo o todos en un ZIP.

La conversión se hace en tu navegador, así que tus imágenes nunca se suben.

Consejos para imágenes más ligeras y rápidas

• Redimensiona primero. Una foto de 4000 píxeles mostrada a 800 desperdicia casi todo su peso. Redimensionar ahorra más que cualquier cambio de formato.
• Usa calidad 75–85 para WebP y JPG. Por encima de 90, los archivos crecen rápido con poca mejora visible.
• Guarda un original sin pérdida. Edita el PNG o el original y exporta la versión con pérdida al final.
• Rellena la transparencia a propósito. El JPG no puede ser transparente, así que elige el color de fondo al convertir.
• Vectoriza los logotipos a SVG. La vectorización funciona mejor con imágenes de pocos colores planos.

Preguntas frecuentes

¿Es WebP mejor que PNG?

Para webs, normalmente sí: WebP admite transparencia como PNG pero genera archivos más pequeños. PNG sigue siendo mejor cuando necesitas la máxima compatibilidad o un original sin pérdida para editar.

¿Convertir un JPG a PNG mejora la calidad?

No. La conversión no puede recuperar el detalle que la compresión JPG ya eliminó. Solo hace el archivo más grande.

¿Por qué no puedo abrir un archivo WebP?

Algunas aplicaciones de escritorio antiguas no admiten WebP. Conviértelo a JPG o PNG y se abrirá en cualquier sitio.

¿Qué formato es mejor para el SEO?

Los buscadores no favorecen ningún formato concreto, pero sí premian las páginas rápidas. Las imágenes WebP o AVIF pequeñas y bien comprimidas ayudan a que tu página cargue rápido, lo que mejora la experiencia del usuario.

En resumen

Usa WebP para la web, JPG para compartir fotos, PNG para capturas y transparencia, y SVG para logotipos. Redimensiona las imágenes al tamaño al que realmente se muestran y mantén la calidad en torno a 80.