Se abre en una pestaña nueva

SEO local

Imágenes WebP: qué son y cuándo usarlas

Cómo se compara WebP con JPEG, PNG y GIF, cómo reduce las imágenes, siete pasos para pasarte y cómo lo usamos en nuestra web.

Revisada3 de noviembre de 2026
Lectura
Forma parte deDiseño web
Escucha esta guía
0:00 /6:07

Respuesta corta: WebP es un formato de imagen de Google con compresión con pérdida y sin pérdida. Las imágenes WebP con pérdida son entre un 25% y un 34% más pequeñas que un JPEG comparable con la misma calidad. Las sin pérdida son un 26% más pequeñas que un PNG. Los principales navegadores y la Búsqueda de Google lo admiten.

Cómo se compara WebP con JPEG, PNG y GIF

Google midió el ahorro frente a los formatos que WebP reemplaza, y web.dev lo propone como reemplazo de las imágenes JPEG, PNG y GIF.

Caso Lo que midió Google Para qué usarlo
WebP con pérdida Entre un 25% y un 34% más pequeño que un JPEG comparable con la misma calidad Fotos
WebP sin pérdida Un 26% más pequeño que un PNG Gráficos en los que cada píxel debe quedar igual
Transparencia Un 22% más de bytes sin pérdida; con pérdida, por lo general 3 veces más pequeño que PNG Logotipos e imágenes recortadas
Animación Puede ser más pequeño que GIF y APNG Imágenes animadas cortas
Búsqueda de Google Admitido en el atributo src de img, como BMP, GIF, JPEG, PNG, SVG y AVIF Cualquier imagen que quieras en Google Imágenes

De Google for Developers, «Un formato de imagen para la Web», y de la Central de la Búsqueda de Google, «Prácticas recomendadas de SEO para Google Imágenes». Consultadas el 3 de noviembre de 2026.

Cómo hace WebP las imágenes más pequeñas

WebP con pérdida usa la codificación predictiva, el mismo método que usa el códec de video VP8 en sus fotogramas de referencia: predice cada bloque de píxeles a partir de sus vecinos y guarda solo la diferencia.

WebP sin pérdida reconstruye los píxeles nuevos con fragmentos de la imagen que ya vio, y puede usar una paleta local cuando no encuentra una coincidencia útil.

Lo que vieron sitios grandes

web.dev dice que los archivos WebP suelen ser entre un 25% y un 35% más pequeños que sus versiones JPEG y PNG. YouTube vio que las miniaturas en WebP hacían que las páginas cargaran un 10% más rápido.

Facebook redujo el tamaño de sus archivos entre un 25% y un 35% en los JPEG y un 80% en los PNG al pasar a WebP. Puedes medir el cambio en PageSpeed Insights, y nuestra guía de PageSpeed Insights explica dónde mirar.

Cómo pasar tus imágenes a WebP

  1. Empieza por las fotos más grandes de las páginas que más importan.
  2. Conviértelas con la herramienta de línea de comandos cwebp, o con el complemento Imagemin WebP si tu sitio usa secuencias de compilación.
  3. Prueba varios niveles de calidad entre 0 y 100 y quédate con el más bajo que se siga viendo bien.
  4. Usa WebP sin pérdida para los gráficos en los que cada píxel debe quedar igual.
  5. Si todavía atiendes navegadores antiguos, usa un elemento picture con una imagen de resguardo en JPEG o PNG.
  6. Mantén la extensión de cada archivo igual a su tipo.
  7. Prueba la página en PageSpeed Insights antes y después del cambio.

Nuestras guías de la carga diferida de imágenes y del texto alternativo cubren la otra mitad del SEO de imágenes.

Cómo usamos WebP en nuestra web

La biblioteca de medios de nuestro WordPress tenía 596 imágenes el 3 de noviembre: 565 en WebP, 15 en PNG, 10 en JPEG y 6 en SVG. Así, el 95% de nuestras imágenes está en WebP.

Todas las fotos de las guías se suben en WebP. Las 77 fotos de cabecera, de 2400 por 1050 píxeles, pesan unos 156 KB de media, y la mayor, 315 KB. Sus versiones de 1200 por 630 para compartir pesan unos 55 KB de media.

Guardamos el original de cada foto, así que podemos convertirla otra vez con otra calidad sin perder detalle.

Antes de pasar una imagen a WebP

  • Guardaste el archivo original.
  • El nivel de calidad se ve bien en el teléfono y en la computadora.
  • Los gráficos con bordes nítidos usan WebP sin pérdida.
  • La extensión del archivo coincide con su tipo.
  • Los navegadores antiguos reciben una imagen de resguardo, si los atiendes.
  • La página carga más rápido en PageSpeed Insights.

RecuerdaWebP da la misma foto en un archivo más pequeño, y la Búsqueda de Google la lee como cualquier otra imagen. Empieza por tus fotos más grandes, guarda los originales y mide la página al terminar.

Si quieres una web más rápida, con imágenes que carguen bien en el teléfono, mira nuestro servicio de diseño web.

Respuestas rápidas sobre WebP

¿Google indexa las imágenes WebP?

Sí. La Búsqueda de Google admite imágenes en el atributo src de una etiqueta img en BMP, GIF, JPEG, PNG, WebP, SVG y AVIF. Google también recomienda que la extensión del archivo coincida con su tipo.

¿Todos los navegadores admiten WebP?

Google dice que lo admiten los principales, como Chrome, Safari, Firefox, Edge y Opera. Para navegadores antiguos, web.dev propone un elemento picture: WebP para los nuevos y una imagen de resguardo, JPEG o PNG, para los antiguos.

¿Una imagen WebP puede tener el fondo transparente?

Sí. WebP sin pérdida admite transparencia por solo un 22% más de bytes. WebP con pérdida también la admite, por lo general con un tercio del tamaño de la misma imagen en PNG.

¿Qué calidad debo usar?

web.dev dice que la calidad suele ser el único ajuste que necesitas, en una escala de 0, la peor, a 100, la mejor. Prueba varios niveles con tus fotos y quédate con el más bajo que se siga viendo bien.

¿Convertir a WebP baja la calidad de la imagen?

Con WebP sin pérdida, no: no se pierden datos. WebP con pérdida reduce el tamaño y puede bajar la calidad, por eso importa el ajuste de calidad. Guarda los originales para poder convertir otra vez.

Fuentes

Consultadas el 3 de noviembre de 2026. Google for Developers: Un formato de imagen para la Web. web.dev: Cómo usar imágenes WebP. Central de la Búsqueda de Google: Prácticas recomendadas de SEO para Google Imágenes. Nuestro caso: la biblioteca de medios de nuestro WordPress, el 3 de noviembre de 2026.

Pedro Galindez

Pedro Galindez

Fundador de Feedback Studios, estudio de crecimiento bilingüe en Miami.

Escuchar0:00 /6:07

Más guías

Revisada 3 de noviembre de 2026

Largest Contentful Paint (LCP): qué mide y cómo mejorarlo

Qué cuenta como elemento LCP, las cuatro partes del LCP y su peso ideal, siete pasos para mejorarlo y nuestras propias páginas.

Revisada 3 de noviembre de 2026

Vínculos a sitios: qué son en Google y en Google Ads

Los vínculos a sitios orgánicos y los de Google Ads comparados, cómo elige Google los primeros, cómo funcionan los segundos y nuestro caso.

Revisada 3 de noviembre de 2026

Google Search Console: cómo configurarlo y qué revisar primero

Propiedad de dominio o de prefijo de URL, cómo verificarla, los informes que revisar primero, siete pasos y cómo tenemos el nuestro.

Revisada 3 de noviembre de 2026

Etiquetas Open Graph: qué son y cómo controlar la vista previa de tus enlaces

Qué hacen las etiquetas Open Graph, las cuatro que necesita cada página, el tamaño y el texto de la imagen, siete pasos y las nuestras.

Revisada 3 de noviembre de 2026

Ofertas inteligentes de Google Ads: cómo funcionan y qué estrategia elegir

Las cuatro estrategias de Ofertas inteligentes, lo que tienen en cuenta en cada subasta, siete pasos para pasar una campaña y lo que cuenta nuestra cuenta.

Revisada 3 de noviembre de 2026

Biblioteca de anuncios de Meta: cómo ver los anuncios de cualquier página

Qué muestra la biblioteca de anuncios de Meta de cualquier anuncio activo y de los políticos, cómo buscar en siete pasos y nuestra página.

Siguiente paso

¿Prefieres hablarlo?

En una llamada de 20 minutos miramos tu negocio y te decimos qué haríamos primero.