Imágenes
WebP, JPG o PNG: qué formato usar y cuánto pesa cada uno
Qué formato de imagen usar para fotos, capturas y logos, con tamaños medidos en las mismas imágenes, la transparencia, el AVIF y la compatibilidad fuera del navegador.
Por TooleemPublicado Datos verificados
Respuesta corta
Para fotos, el WebP suele pesar alrededor de una cuarta parte menos que el JPG con el mismo ajuste de calidad: en nuestra prueba, 306 KB en JPG y 222 KB en WebP (−27 %). Para capturas de pantalla, logos y texto, usa PNG o WebP sin pérdida, nunca JPG de baja calidad: en nuestro logo con fondo transparente, el WebP sin pérdida pesó un 46 % menos que el PNG. Mantén el JPG cuando el archivo tenga que abrirse en cualquier sitio: programas antiguos, correo electrónico o formularios que solo aceptan JPG.
Haz el cálculo
Convertidor de WebP a JPG
Convierte una imagen WebP a JPG en tu navegador, elige la calidad y descarga un archivo que se abre en todas partes.
En esta página
Qué formato usar para cada imagen
| Imagen | Formato recomendado | Por qué |
|---|---|---|
| Foto para una web | WebP, o AVIF con un formato de respaldo | archivos más ligeros con la misma calidad visual |
| Foto para enviar, imprimir o subir a un formulario | JPG | lo abre cualquier programa, cámara o impresora |
| Captura de pantalla, gráfico, texto | PNG o WebP sin pérdida | los bordes siguen nítidos; el JPG emborrona el texto |
| Logo o icono con transparencia | SVG si es vectorial; si no, PNG o WebP | el JPG no admite transparencia |
| Animación | WebP o AVIF en lugar de GIF | mucho más ligero con los mismos fotogramas |
La misma imagen en cada formato
| Formato y ajuste | Tamaño | Frente al JPG calidad 80 |
|---|---|---|
| PNG | 3,75 MB | 12,5 veces más |
| JPG calidad 92 | 503 KB | +64 % |
| JPG calidad 80 | 306 KB | referencia |
| WebP calidad 92 | 423 KB | +38 % |
| WebP calidad 80 | 222 KB | −27 % |
| Formato y ajuste | Tamaño | ¿Sin pérdida? |
|---|---|---|
| PNG del navegador (compresión rápida) | 117 KB | sí |
| PNG optimizado (compresión máxima) | 61 KB | sí |
| WebP sin pérdida | 35 KB | sí |
| JPG calidad 80 | 56 KB | no, el texto se ve borroso |
| WebP calidad 80 | 27 KB | no |
Transparencia
| Formato y ajuste | Tamaño | Transparencia |
|---|---|---|
| PNG optimizado | 110 KB | sí |
| WebP sin pérdida | 60 KB | sí |
| WebP calidad 80 | 24 KB | sí |
| JPG calidad 80 (fondo blanco) | 18 KB | no, el fondo se vuelve blanco |
Al pasar un logo transparente a JPG, el fondo se rellena, normalmente de blanco, como hace nuestro conversor de WebP a JPG. Si necesitas la transparencia, quédate en PNG o WebP.
Y el AVIF
- Con un codificador dedicado, el AVIF calidad 65 pesó 218 KB frente a 455 KB del JPG calidad 90, con un error medido casi igual (PSNR 39,1 dB frente a 39,4 dB): más o menos la mitad.
- Chrome, Edge, Firefox, Opera y Safari muestran WebP y AVIF, según la guía de formatos de imagen de MDN.
- Mostrar un AVIF no es lo mismo que crearlo: al pedirle AVIF, el codificador canvas de Chromium 148 (el motor de Chrome y Edge) devolvió un PNG en nuestra prueba. Un conversor que funciona en el navegador no puede prometer salida AVIF.
Antes de elegir formato, redimensiona la imagen al tamaño en que se va a ver: suele ser el mayor ahorro. Para crear WebP para una web, usa el conversor a WebP.
Haz el cálculo
Convertidor de WebP a JPG
Convierte una imagen WebP a JPG en tu navegador, elige la calidad y descarga un archivo que se abre en todas partes.
Herramientas de esta guía
Fuentes
Las cifras y reglas de esta guía salen de estos documentos.
- An image format for the Web (WebP)Google for DevelopersWebP sin pérdida un 26 % más ligero que PNG; con pérdida, entre un 25 % y un 34 % más ligero que JPG.
- Image file type and format guideMDN Web DocsCompatibilidad con navegadores y usos recomendados de cada formato (en inglés).
- KSC-2009-3194: vista aérea del Rocket GardenNASA Image and Video LibraryFoto de prueba usada en las mediciones (crédito: NASA/Kim Shiflett).
Datos verificados