WebP vs JPG vs PNG: ¿qué formato de imagen usar?
Publicado el 11/12/2025 · 3 min de lectura · Herramientas de imagen y diseño
Daniel Okonkwo — Desarrollador front-end y redactor de Tecnología en OneKitly
Rendimiento web · Formatos de archivo
Verificado con 2 fuentes
Usa WebP por defecto en la web: suele ser un 25–35% más pequeño que JPG o PNG con la misma calidad, admite transparencia y funciona en todos los navegadores modernos. Reserva JPG para la máxima compatibilidad en fotos, y PNG o WebP sin pérdida cuando necesites bordes nítidos o transparencia.
JPG, PNG y WebP ganan en casos distintos. Aquí tienes cuándo usar cada uno para el mejor equilibrio entre calidad, tamaño y compatibilidad.
JPG — fotos y archivos pequeños
JPG usa compresión con pérdida que reduce mucho las fotografías con poca pérdida visible. Es ideal para fotos e imágenes complejas, pero no admite transparencia y se degrada un poco cada vez que se vuelve a guardar.
PNG — transparencia y bordes nítidos
PNG es sin pérdida y admite transparencia, por lo que es la opción para logos, iconos, capturas y gráficos con texto o bordes nítidos. A cambio, los archivos son mucho más grandes que JPG para fotos.
WebP — el todoterreno moderno
WebP admite compresión con y sin pérdida, más transparencia, y suele ser un 25–35% más pequeño que JPG o PNG con la misma calidad. Todos los navegadores modernos lo soportan; guarda un respaldo JPG o PNG solo para clientes muy antiguos. Usa WebP por defecto en la web, JPG para máxima compatibilidad en fotos y PNG cuando necesites transparencia sin pérdida.
¿Cuánto más pequeño es WebP en realidad?
Las propias pruebas de Google sitúan el WebP sin pérdida en torno a un 26% más pequeño que PNG, y el WebP con pérdida un 25–34% más pequeño que JPEG con la misma calidad. El ahorro es mayor en fotos e imágenes detalladas, donde cada kilobyte cuenta para la velocidad de carga y los Core Web Vitals. En gráficos pequeños y planos el ahorro absoluto es menor — un icono de 2 KB tiene poco que recortar.
Compatibilidad de navegadores y alternativas
WebP funciona en todos los navegadores actuales — Chrome, Firefox, Edge, Safari y sus versiones móviles. Si aún das soporte a clientes muy antiguos, sírvelo con el elemento HTML picture y un JPG o PNG como alternativa en un source: los navegadores modernos reciben WebP y el resto el formato clásico. En la práctica, para la mayoría de sitios hoy un WebP simple es seguro.
Cuándo no usar WebP
WebP está hecho para la web, no para todo. Para impresión, los formatos CMYK como TIFF o un PDF de calidad siguen mandando, y algunos clientes de correo y herramientas de diseño antiguas pueden atascarse con él. Si un gráfico ya pesa solo un par de kilobytes en PNG optimizado, convertirlo a WebP aporta poco y añade un paso a tu flujo. La regla: usa WebP en fotos reales e imágenes de interfaz detalladas servidas a navegadores, y conserva los formatos clásicos donde la compatibilidad o la calidad de impresión importen más que los bytes.
| Formato | Compresión | Transparencia | Ideal para | Tamaño |
|---|---|---|---|---|
| JPG | Con pérdida | No | Fotos | Pequeño |
| PNG | Sin pérdida | Sí | Logos, iconos, capturas | Grande |
| WebP | Con y sin pérdida | Sí | Casi todo en la web | El más pequeño (25–35% < JPG/PNG) |
Preguntas frecuentes
- ¿Es WebP mejor que JPG?
- Para la web, normalmente sí: WebP genera archivos más pequeños con la misma calidad visual y añade transparencia. JPG sigue ganando cuando lo más importante es la compatibilidad universal.
- ¿Convertir JPG a WebP pierde calidad?
- El WebP con pérdida recomprime, así que hay algo de pérdida, pero con ajustes de calidad equivalentes WebP conserva más detalle por kilobyte que JPG. Usa WebP sin pérdida para evitar cualquier pérdida.
- ¿Qué formato es mejor para logos?
- PNG o WebP sin pérdida. Ambos mantienen bordes nítidos y transparencia, a diferencia de JPG, que difumina los bordes y no puede ser transparente.
Artículos que podrían interesarte
Todas las guías →Herramientas relacionadas
Fuentes
¿Has detectado un error en este artículo?