{"id":9755141,"date":"2026-10-13T11:01:46","date_gmt":"2026-10-13T09:01:46","guid":{"rendered":"https:\/\/wp-rocket.me\/?p=9755141"},"modified":"2026-10-13T11:01:49","modified_gmt":"2026-10-13T09:01:49","slug":"formato-webp-wordpress","status":"publish","type":"post","link":"https:\/\/wp-rocket.me\/es\/blog\/formato-webp-wordpress\/","title":{"rendered":"Im\u00e1genes WebP en WordPress: qu\u00e9 son y c\u00f3mo usarlas"},"content":{"rendered":"\n

\u00bfTe preguntas c\u00f3mo usar WebP en WordPress<\/strong> y c\u00f3mo convertir las im\u00e1genes que ya tienes en la biblioteca de WordPress? \u00a1Has llegado al lugar indicado!<\/p>\n\n\n\n

Si analizas el rendimiento de tu web con PageSpeed Insights, puede que veas la recomendaci\u00f3n \u00abPublica im\u00e1genes con formatos de pr\u00f3xima generaci\u00f3n<\/a>\u00bb para mejorarlo. Google te est\u00e1 diciendo que te olvides de JPEG y PNG y que centres tus esfuerzos de optimizaci\u00f3n de im\u00e1genes en formatos de imagen como WebP.<\/p>\n\n\n\n

\"Recomendaci\u00f3n
Recomendaci\u00f3n de Google: \u00abPublica im\u00e1genes con formatos de pr\u00f3xima generaci\u00f3n<\/a>\u00bb. Fuente: PageSpeed Insights<\/a><\/figcaption><\/figure>\n\n\n\n

Esta gu\u00eda explica c\u00f3mo resolver esta advertencia y todo lo que necesitas saber sobre WebP en WordPress. Tambi\u00e9n encontrar\u00e1s una lista de las mejores herramientas para convertir casi cualquier formato a WebP.<\/p>\n\n\n\n

\u00bfQu\u00e9 es el formato de imagen WebP?<\/h2>\n\n\n\n

Creado por Google, WebP es un formato de pr\u00f3xima generaci\u00f3n para la web. Ofrece una compresi\u00f3n de im\u00e1genes superior, tanto sin p\u00e9rdida como con p\u00e9rdida, a la vez que conserva su calidad. En comparaci\u00f3n con los tradicionales JPEG o PNG, este moderno formato WebP<\/strong> te permite crear archivos a\u00fan m\u00e1s peque\u00f1os, lo que se traduce en una p\u00e1gina que carga m\u00e1s r\u00e1pido.<\/p>\n\n\n\n

\"Formato
Formato WebP. Fuente: Photopea<\/a><\/figcaption><\/figure>\n\n\n\n

WebP vs. PNG vs. JPEG<\/h2>\n\n\n\n

Si dudas entre los tres formatos y te importa el rendimiento, elige WebP para servir im\u00e1genes optimizadas en WordPress. Ahora vas a entender por qu\u00e9.<\/p>\n\n\n\n

JPEG vs. WebP<\/h3>\n\n\n\n

Ambos formatos de archivo comprimen las im\u00e1genes para que sea m\u00e1s f\u00e1cil compartirlas en la web, y conservan su calidad. Se parecen bastante, as\u00ed que \u00bfpor qu\u00e9 elegir WebP?<\/p>\n\n\n\n

Un archivo WebP suele ser mucho m\u00e1s peque\u00f1o que un JPEG tradicional. Seg\u00fan Google, una imagen WebP con compresi\u00f3n con p\u00e9rdida podr\u00eda ser entre un 25\u00a0% y un 34\u00a0% m\u00e1s peque\u00f1a que un archivo JPEG comparable.<\/p>\n\n\n\n

F\u00edjate en la figura de abajo: WebP (en rojo) consigue una compresi\u00f3n mejor que JPEG.<\/p>\n\n\n\n

\"Compresi\u00f3n
Compresi\u00f3n WebP frente a JPEG. Fuente: Google Developers<\/a><\/figcaption><\/figure>\n\n\n\n

Comprobemos esta afirmaci\u00f3n con nuestra imagen JPEG de 3,7\u00a0MB. Tras convertirla a WebP, la imagen mantuvo la misma calidad, pero el tama\u00f1o del archivo baj\u00f3 a 1,3\u00a0MB.<\/p>\n\n\n\n

\"Menor
Menor tama\u00f1o de archivo con WebP + calidad conservada. Fuente: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

PNG vs. WebP<\/h3>\n\n\n\n

Los PNG se usan sobre todo para gr\u00e1ficos web sin fondo, como logotipos e ilustraciones, m\u00e1s que para fotos de alta calidad. Suelen ocupar m\u00e1s espacio de almacenamiento que los dem\u00e1s formatos. Las im\u00e1genes WebP sin p\u00e9rdida son, de media, un 26\u00a0% m\u00e1s peque\u00f1as que los PNG.<\/p>\n\n\n\n

Hagamos otra prueba r\u00e1pida y convirtamos una imagen PNG a WebP. Nuestro archivo original pesaba 432\u00a0KB y, con una simple conversi\u00f3n a WebP, se redujo a 244\u00a0KB.<\/p>\n\n\n\n

\"PNG
PNG vs. WebP. Fuente: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

JPEG vs. PNG vs. WebP<\/h3>\n\n\n\n

Para resumir, si quieres mejorar la puntuaci\u00f3n de rendimiento de Lighthouse de tu sitio WordPress<\/a>, opta por WebP. As\u00ed se comparan los tres formatos entre s\u00ed:<\/p>\n\n\n\n

\"WebP
WebP vs. PNG vs. JPG. Fuente: WP Rocket<\/a><\/figcaption><\/figure>\n\n\n\n

\u00bfQu\u00e9 navegadores son compatibles con WebP?<\/h2>\n\n\n\n

En 2023, todos los principales navegadores admiten WebP. Por ejemplo, Google Chrome, Safari, Firefox, Edge, el navegador Opera y otras herramientas admiten este formato moderno de forma nativa.<\/p>\n\n\n\n

\"Versiones
Versiones de navegador compatibles con WebP en 2023. Fuente: CanIuse<\/a><\/figcaption><\/figure>\n\n\n\n

Mostrar im\u00e1genes WebP con un fallback para navegadores antiguos<\/h3>\n\n\n\n

Las im\u00e1genes son clave para garantizar una experiencia de usuario excelente, as\u00ed que deber\u00edan mostrarse a todos los visitantes, incluso a los que usan versiones antiguas del navegador. Si quieres ir sobre seguro, deber\u00edas activar un fallback a otros formatos tradicionales, como PNG o JPEG.<\/p>\n\n\n\n

C\u00f3mo a\u00f1adir un fallback a las im\u00e1genes WebP<\/h4>\n\n\n\n