{"id":33846,"date":"2020-06-10T01:24:59","date_gmt":"2020-06-10T08:24:59","guid":{"rendered":"https:\/\/kinsta.com\/?p=72780"},"modified":"2025-10-01T14:08:29","modified_gmt":"2025-10-01T12:08:29","slug":"webp","status":"publish","type":"post","link":"https:\/\/kinsta.com\/es\/blog\/webp\/","title":{"rendered":"C\u00f3mo Usar Im\u00e1genes WebP en WordPress (Reduce el Tama\u00f1o de los Archivos de Imagen hasta un 35%)"},"content":{"rendered":"<p>Si quieres <a href=\"https:\/\/kinsta.com\/es\/aprender\/acelerar-wordpress\/\">acelerar tu sitio de WordPress<\/a>, reducir el tama\u00f1o de los archivos de tus im\u00e1genes ofrece un retorno significativo de tu inversi\u00f3n. De media, las im\u00e1genes representan aproximadamente la mitad del tama\u00f1o de archivo de una p\u00e1gina web, por lo que incluso peque\u00f1as mejoras pueden producir resultados espectaculares. \u00a1WebP puede ser de gran ayuda en este sentido!<\/p>\n<p>WebP es un formato de imagen moderno que puede ayudarte a reducir el tama\u00f1o de tus im\u00e1genes sin cambiar su aspecto. Por t\u00e9rmino medio, aprender a convertir una imagen a WebP puede reducir su tama\u00f1o de archivo en un ~25-35% sin p\u00e9rdida perceptible de calidad.<\/p>\n<p>La mayor\u00eda de los <a href=\"https:\/\/kinsta.com\/es\/cuota-mercado-mundial-navegadores\/\">navegadores modernos<\/a> y <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-8\/\">WordPress a partir de la versi\u00f3n 5.8<\/a> son compatibles con WebP de forma predeterminada. En este art\u00edculo, profundizaremos en este nuevo y emocionante formato de imagen y te ense\u00f1aremos c\u00f3mo puedes aprovechar sus incre\u00edbles ventajas.<\/p>\n<p>\u00bfPreparado? \u00a1Empecemos!<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>\u00bfQu\u00e9 es WebP?<\/h2>\n<p>\u00bfQu\u00e9 es un archivo WebP? En pocas palabras, WebP es un formato de imagen desarrollado por Google para optimizar las im\u00e1genes mejor que los formatos de imagen populares (en ese momento). Por ejemplo, existen formatos de imagen como <a href=\"https:\/\/kinsta.com\/es\/blog\/jpg-vs-jpeg\/\">JPEG o JPG<\/a> y PNG.<\/p>\n<p><strong>Nota:<\/strong> Comprueba c\u00f3mo los <a href=\"https:\/\/kinsta.com\/es\/blog\/tipos-de-archivos-de-imagen\/\">diferentes tipos de archivos de imagen<\/a> pueden afectar a la velocidad de tu sitio web.<\/p>\n<p>WebP se centra en ofrecer el mismo archivo de imagen, s\u00f3lo que con tama\u00f1os de archivo m\u00e1s peque\u00f1os. Al reducir el tama\u00f1o de tus archivos de imagen, puedes seguir ofreciendo la misma experiencia a los visitantes de tu sitio web, pero <a href=\"https:\/\/kinsta.com\/es\/aprender\/optimizacion-de-velocidad-del-sitio\/\">\u00e9ste se cargar\u00e1 m\u00e1s r\u00e1pido<\/a>.<\/p>\n<p>Por ejemplo, en el <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\">estudio de Google sobre la compresi\u00f3n WebP<\/a>, Google descubri\u00f3 que un archivo de imagen WebP tiene un tama\u00f1o medio:<\/p>\n<ul>\n<li>Un 25-34% m\u00e1s peque\u00f1o que una imagen JPEG comparable.<\/li>\n<li>Un 26% m\u00e1s peque\u00f1o que una imagen PNG comparable.<\/li>\n<\/ul>\n<p>Esa es la raz\u00f3n por la que si <a href=\"https:\/\/kinsta.com\/es\/blog\/google-pagespeed-insights\/\">ejecutas tu sitio a trav\u00e9s de PageSpeed Insights<\/a>, una de las muchas recomendaciones es <strong>Servir im\u00e1genes en formatos de nueva generaci\u00f3n como WebP<\/strong>:<\/p>\n<figure id=\"attachment_72785\" aria-describedby=\"caption-attachment-72785\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72785 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/google-pagespeed-insights-1024x621.png\" alt=\"Google PageSpeed Insights sugiere utilizar im\u00e1genes WebP\" width=\"1024\" height=\"621\"><figcaption id=\"caption-attachment-72785\" class=\"wp-caption-text\">Google PageSpeed Insights sugiere utilizar im\u00e1genes WebP<\/figcaption><\/figure>\n<p>Entonces, \u00bfc\u00f3mo consigue el formato WebP de Google estas reducciones en el tama\u00f1o de los archivos?<\/p>\n<p>En primer lugar, admite la <a href=\"https:\/\/kinsta.com\/es\/blog\/con-perdidas-o-sin-perdidas\/\">compresi\u00f3n con p\u00e9rdida (lossy) y sin p\u00e9rdida (lossless)<\/a>, por lo que la reducci\u00f3n exacta depender\u00e1 de si utilizas compresi\u00f3n con o sin p\u00e9rdida.<\/p>\n<p>Con la compresi\u00f3n con p\u00e9rdida, WebP utiliza algo llamado \u00abcodificaci\u00f3n predictiva\u00bb (predictive coding) para reducir el tama\u00f1o del archivo. La codificaci\u00f3n predictiva utiliza los valores de los p\u00edxeles vecinos de una imagen para predecir valores y luego s\u00f3lo codifica la diferencia. Se basa en la codificaci\u00f3n de fotogramas clave (key frame) de VP8.<\/p>\n<p>WebP sin p\u00e9rdidas utiliza un conjunto mucho m\u00e1s complicado de m\u00e9todos desarrollados por el equipo de WebP.<\/p>\n<p>Si quieres conocer en detalle las t\u00e9cnicas de compresi\u00f3n de WebP, <a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/compression\" target=\"_blank\" rel=\"noopener noreferrer\">este art\u00edculo es un buen punto de partida<\/a>.<\/p>\n<h2>\u00bfQu\u00e9 navegadores soportan WebP?<\/h2>\n<p>Para que las im\u00e1genes WebP funcionen, es necesario que el navegador web del visitante las admita. Por desgracia, aunque la compatibilidad de los navegadores ha aumentado mucho, <strong>la compatibilidad con WebP todav\u00eda no es universal<\/strong>.<\/p>\n<p>Las im\u00e1genes WebP son compatibles con navegadores populares como:<\/p>\n<ul>\n<li>Chrome <em>(escritorio y m\u00f3vil<\/em>)<\/li>\n<li>Firefox <em>(escritorio y m\u00f3vil<\/em>)<\/li>\n<li>Microsoft Edge<\/li>\n<li>Safari para iOS y macOS <em>(s\u00f3lo macOS 11 Big Sur y versiones posteriores<\/em>)<\/li>\n<li>Opera <em>(escritorio y m\u00f3vil<\/em>)<\/li>\n<\/ul>\n<p>En el momento de escribir este art\u00edculo, Safari solo admite im\u00e1genes WebP de forma parcial.<\/p>\n<p>Internet Explorer tampoco es compatible con WebP (pero Edge s\u00ed, ya que est\u00e1 basado en Chromium). Sin embargo, el uso de IE se ha reducido a menos del 1% del total de usuarios de Internet. \u00a1Lo cual es una excelente noticia para todos en la web!<\/p>\n<p>En total, <a href=\"https:\/\/caniuse.com\/#feat=webp\">alrededor del 95 % de los usuarios de Internet<\/a> utilizan un navegador compatible con WebP. As\u00ed que, aunque sin duda cuenta con el apoyo de la mayor\u00eda, ese 5 % supone un peque\u00f1o obst\u00e1culo, especialmente cuando se trata de usuarios de Safari en versiones antiguas de macOS. En nuestro tutorial de WordPress WebP que encontrar\u00e1s a continuaci\u00f3n, te ense\u00f1aremos c\u00f3mo gestionar esto para que todos tus visitantes disfruten de una gran experiencia.<\/p>\n<figure id=\"attachment_99587\" aria-describedby=\"caption-attachment-99587\" style=\"width: 1100px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-99587 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/WebP-Browsers-Support-CanIUse.jpg\" alt=\"Compatibilidad con WebP en los principales navegadores.\" width=\"1100\" height=\"584\"><figcaption id=\"caption-attachment-99587\" class=\"wp-caption-text\">Compatibilidad de WebP con los principales navegadores.<\/figcaption><\/figure>\n<h2>Comparaci\u00f3n de tama\u00f1o entre WebP, JPG y PNG<\/h2>\n<p>Seg\u00fan las pruebas de Google, las im\u00e1genes WebP son:<\/p>\n<ul>\n<li>Un 25-34% m\u00e1s peque\u00f1as que las im\u00e1genes JPEG comparables.<\/li>\n<li>Un 26% m\u00e1s peque\u00f1as que las im\u00e1genes PNG similares.<\/li>\n<\/ul>\n<p>Si quieres saber m\u00e1s sobre la metodolog\u00eda de Google, a continuaci\u00f3n encontrar\u00e1s enlaces directos a los resultados completos:<\/p>\n<ul>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_study\" target=\"_blank\" rel=\"noopener noreferrer\">JPEG<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/speed\/webp\/docs\/webp_lossless_alpha_study#results\" target=\"_blank\" rel=\"noopener noreferrer\">PNG<\/a><\/li>\n<\/ul>\n<p>Ambas pruebas se basan en m\u00e1s de 11.000 im\u00e1genes, entre las que se incluyen:<\/p>\n<ul>\n<li>La famosa <a href=\"https:\/\/en.wikipedia.org\/wiki\/Lenna\" target=\"_blank\" rel=\"noopener noreferrer\">imagen Lenna<\/a><\/li>\n<li>24 im\u00e1genes de la <a href=\"http:\/\/r0k.us\/graphics\/kodak\/\">suite de im\u00e1genes en color verdadero de Kodak<\/a><\/li>\n<li>100 im\u00e1genes de Tecnick.com<\/li>\n<li>Una muestra aleatoria de m\u00e1s de 11.000 im\u00e1genes de Google Image Search<\/li>\n<\/ul>\n<h2>C\u00f3mo utilizar im\u00e1genes WebP en WordPress<\/h2>\n<p>A partir de <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-8\/\">WordPress 5.8<\/a>, podr\u00e1s utilizar el formato de imagen WebP del mismo modo que los formatos JPEG, PNG y GIF. S\u00f3lo tienes que <a href=\"https:\/\/kinsta.com\/es\/blog\/biblioteca-multimedia-wordpress\/\">subir tus im\u00e1genes a tu Biblioteca Multimedia<\/a> e incluirlas en tu contenido. Como las versiones 5.8 y posteriores de WordPress admiten el formato WebP de forma predeterminada, no es necesario instalar plugins de terceros para subir im\u00e1genes WebP. Esto deber\u00eda ser suficiente para la mayor\u00eda de los casos de uso habituales.<\/p>\n<p>Para empezar de inmediato, puede consultar nuestra gu\u00eda r\u00e1pida sobre el <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-8\/#how-to-use-webp-images-in-wordpress\">uso de im\u00e1genes WebP para WordPress 5.8 y versiones posteriores<\/a>. Te recomendamos que leas las advertencias sobre la <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-5-8\/#caveats-about-webp-in-wordpress-58\">compatibilidad con WebP en WordPress<\/a>.<\/p>\n<p>Sin embargo, alrededor del 5 % de los usuarios (principalmente usuarios de Safari en versiones antiguas de macOS) utilizan un navegador web que no es compatible con WebP. Si conviertes im\u00e1genes WebP y las utilizas directamente en tu contenido, esos visitantes no podr\u00e1n ver tus im\u00e1genes, lo que arruinar\u00eda su experiencia de navegaci\u00f3n.<\/p>\n<p>Adem\u00e1s, generar im\u00e1genes WebP no es tan sencillo como obtener una imagen JPG\/JPEG, que es el formato de archivo de imagen por defecto en la mayor\u00eda de c\u00e1maras, smartphones y <a href=\"https:\/\/kinsta.com\/es\/blog\/imagenes-gratis-para-wordpress\/\">bibliotecas de im\u00e1genes online<\/a>. WordPress no admite la conversi\u00f3n autom\u00e1tica de im\u00e1genes al formato WebP (\u00a1todav\u00eda!).<\/p>\n<p>\u00a1No te preocupes! Hay una soluci\u00f3n.<\/p>\n<p>Puedes utilizar un plugin de WordPress que convierta tus im\u00e1genes originales al formato WebP <strong>y tambi\u00e9n<\/strong> proporcione la imagen original como alternativa si el navegador de un visitante no admite WebP.<\/p>\n<p>Por ejemplo, si subes un archivo JPEG a tu sitio web, el plugin:<\/p>\n<ul>\n<li>Convertir\u00e1 el archivo JPEG a WebP y servir\u00e1 la versi\u00f3n WebP para Chrome, Firefox, Edge, etc.<\/li>\n<li>Mostrar\u00e1 el archivo JPEG original a los visitantes que naveguen con Safari (en versiones antiguas de macOS) y otros navegadores que no admitan WebP.<\/li>\n<\/ul>\n<p>De esta forma, todos pueden ver tu imagen, y todos obtienen la experiencia m\u00e1s r\u00e1pida posible.<\/p>\n<p>A continuaci\u00f3n, repasaremos algunos de los <strong>mejores plugins WebP para WordPress<\/strong>, todos ellos compatibles con Kinsta y <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/cdn-wordpress\/kinsta-cdn\/#kinstas-cdn\">la CDN de Kinsta<\/a>.<\/p>\n<div><\/div><kinsta-auto-toc list-style=\"disc\" selector=\"h3\" count-number=\"4\" sub-toc=\"true\"><\/kinsta-auto-toc>\n<aside role=\"note\" class=\"wp-block-kinsta-notice is-style-info\">\n            <h3>Info<\/h3>\n        <p>Si tu sitio est\u00e1 alojado en Kinsta,, tendr\u00e1s que ponerte <a href=\"https:\/\/kinsta.com\/es\/soporte-kinsta\/\">en contacto con nuestro soporte<\/a> para que podamos crear una regla de Nginx para gestionar el cach\u00e9 de WebP de algunos de estos plugins.<\/p>\n<\/aside>\n\n<h3>Funcionalidad de Optimizaci\u00f3n de Im\u00e1genes de Kinsta<\/h3>\n<figure id=\"attachment_189787\" aria-describedby=\"caption-attachment-189787\" style=\"width: 1434px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-189787 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2023\/11\/wordpress-CDN-image-optimization-3.png\" alt=\"Funcionalidad de optimizaci\u00f3n de im\u00e1genes de Kinsta\" width=\"1434\" height=\"615\"><figcaption id=\"caption-attachment-189787\" class=\"wp-caption-text\">Funcionalidad de optimizaci\u00f3n de im\u00e1genes de Kinsta<\/figcaption><\/figure>\n<p>El primero no es exactamente un plugin, sino m\u00e1s bien una funcionalidad integrada: la <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/cdn-wordpress\/kinsta-cdn\/#image-optimization-1\">Optimizaci\u00f3n de Im\u00e1genes<\/a> de Kinsta.<\/p>\n<p>Esta funcionalidad \u2014 a la que se accede a trav\u00e9s del panel de control personalizado de Kinsta, <a href=\"https:\/\/kinsta.com\/es\/mykinsta\/\">MyKinsta<\/a> \u2014 crea autom\u00e1ticamente copias WebP optimizadas de las im\u00e1genes originales de tu sitio, y luego sirve el m\u00e1s peque\u00f1o de los dos archivos de imagen a tus visitantes.<\/p>\n<p>Al garantizar que siempre se recupera el archivo m\u00e1s peque\u00f1o posible, la Optimizaci\u00f3n de Im\u00e1genes aumenta inmediatamente los tiempos de carga, lo que puede mejorar enormemente tanto tus <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-seo\/\">resultados SEO<\/a> como la experiencia de tus usuarios. La funcionalidad aprovecha directamente la <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/cdn-wordpress\/kinsta-cdn\/#kinstas-cdn\">CDN ultrarr\u00e1pida<\/a> de Kinsta para entregar los archivos a\u00fan m\u00e1s r\u00e1pido.<\/p>\n<p>Los propietarios de sitios web pueden elegir entre <a href=\"https:\/\/kinsta.com\/es\/blog\/con-perdidas-o-sin-perdidas\/\">compresi\u00f3n con p\u00e9rdida o sin p\u00e9rdida<\/a> para sus im\u00e1genes WebP, en funci\u00f3n de sus necesidades. La optimizaci\u00f3n tambi\u00e9n se puede activar o desactivar\u00a0cuando se desee si es necesario realizar algunas pruebas.<\/p>\n<p>La funci\u00f3n de Optimizaci\u00f3n de Im\u00e1genes es totalmente gratuita para todos los clientes de Kinsta. Aqu\u00ed tienes c\u00f3mo activarla:<\/p>\n<ol>\n<li>Sube tus im\u00e1genes a tu biblioteca multimedia de WordPress alojada en Kinsta.<\/li>\n<li>Accede a tu panel MyKinsta.<\/li>\n<li>Ve a <strong>Sitios WordPress &gt; <em>nombre del sitio<\/em> &gt; CDN<\/strong>.<\/li>\n<li>Haz clic en el bot\u00f3n <strong>Ajustes<\/strong> bajo la secci\u00f3n <strong>Optimizaci\u00f3n de im\u00e1genes<\/strong>.<\/li>\n<li>Elige entre compresi\u00f3n sin p\u00e9rdida y con p\u00e9rdida, y haz clic en <strong>Guardar configuraci\u00f3n<\/strong>.<\/li>\n<\/ol>\n<figure id=\"attachment_141891\" aria-describedby=\"caption-attachment-141891\" style=\"width: 1600px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-141891 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/12\/MyKinsta-image-optimization-options-lossless.png\" alt=\"Elige entre compresi\u00f3n con o sin p\u00e9rdida y, a continuaci\u00f3n, haz clic en el bot\u00f3n \"Guardar configuraci\u00f3n\".\" width=\"1600\" height=\"761\"><figcaption id=\"caption-attachment-141891\" class=\"wp-caption-text\">Elige entre compresi\u00f3n sin p\u00e9rdida o con p\u00e9rdida.<\/figcaption><\/figure>\n<p>Si a\u00fan no est\u00e1s en la plataforma Kinsta, puedes <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/cdn-wordpress\/kinsta-cdn\/#enabling-image-optimization\">probar la funcionalidad sin ning\u00fan coste<\/a> <a href=\"https:\/\/kinsta.com\/es\/contactar-con-ventas\/\">programando una demostraci\u00f3n<\/a>.<\/p>\n<h3>Compresi\u00f3n Con o Sin p\u00e9rdida<\/h3>\n<p>Puedes elegir <a href=\"https:\/\/kinsta.com\/es\/blog\/con-perdidas-o-sin-perdidas\/\">entre compresi\u00f3n sin p\u00e9rdida (lossless) o con p\u00e9rdida (lossy)<\/a> para tus archivos. Aunque ambos m\u00e9todos comprimen tus archivos de imagen y eliminan sus metadatos, hay una gran diferencia entre ellos:<\/p>\n<ul>\n<li><strong>Optimizaci\u00f3n de Im\u00e1genes Sin P\u00e9rdida (Lossless):<\/strong> La compresi\u00f3n de im\u00e1genes sin p\u00e9rdida tiene un impacto nulo en la calidad de tus im\u00e1genes. Deber\u00edas elegir esta opci\u00f3n si la calidad de imagen es m\u00e1s importante para ti que la velocidad.<\/li>\n<li><strong>Optimizaci\u00f3n de Imagen con P\u00e9rdida (Lossy):<\/strong> La <a href=\"https:\/\/kinsta.com\/es\/blog\/compresion-con-perdida\/\">compresi\u00f3n de im\u00e1genes con p\u00e9rdida<\/a> puede reducir la calidad de tus im\u00e1genes. Elige esta opci\u00f3n para maximizar y priorizar la velocidad sobre la calidad de imagen.<\/li>\n<\/ul>\n<p>A continuaci\u00f3n, veremos algunos plugins instalables de WordPress para la optimizaci\u00f3n.<\/p>\n<h3>ShortPixel<\/h3>\n<figure id=\"attachment_73553\" aria-describedby=\"caption-attachment-73553\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/ShortPixel-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73553 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/ShortPixel-plugin.jpg\" alt=\"Plugin de WordPress ShortPixel\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73553\" class=\"wp-caption-text\">Plugin de WordPress ShortPixel<\/figcaption><\/figure>\n<p>ShortPixel es uno de los plugins de <a href=\"https:\/\/kinsta.com\/es\/blog\/optimizar-imagenes-para-la-web\/\">optimizaci\u00f3n de im\u00e1genes<\/a> para WordPress m\u00e1s populares, que puede ayudarte a redimensionar y comprimir autom\u00e1ticamente las im\u00e1genes que subas a tu sitio de WordPress.<\/p>\n<p>Como parte de su lista de funcionalidades, ShortPixel tambi\u00e9n puede ayudarte a convertir autom\u00e1ticamente las im\u00e1genes a WebP y servirlas a los navegadores que lo admitan.<\/p>\n<p>ShortPixel contabiliza como un cr\u00e9dito cada tama\u00f1o de imagen de WordPress que optimizas. Por lo tanto, si quieres optimizar varios tama\u00f1os de miniaturas, una sola imagen podr\u00eda llegar a consumir varios cr\u00e9ditos. No hay l\u00edmites de tama\u00f1o de archivo para las im\u00e1genes.<\/p>\n<p>Puedes distribuir tus cr\u00e9ditos ShortPixel entre un n\u00famero ilimitado de sitios web \u2013 no hay l\u00edmites por sitio <em>(y todos tus sitios web pueden utilizar la misma cuenta ShortPixel<\/em>).<\/p>\n<p>Para utilizar ShortPixel para servir im\u00e1genes WebP en WordPress, tendr\u00e1s que instalar el <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin ShortPixel de WordPress.org<\/a> y a\u00f1adir tu clave API <em>(que puedes obtener registr\u00e1ndote para obtener una <a href=\"https:\/\/shortpixel.com\/free-sign-up\" target=\"_blank\" rel=\"noopener noreferrer\">cuenta ShortPixel gratuita<\/a><\/em>).<\/p>\n<p>En la pesta\u00f1a <strong>General<\/strong>, puedes configurar los ajustes b\u00e1sicos para el funcionamiento de la optimizaci\u00f3n de im\u00e1genes. Por ejemplo, qu\u00e9 nivel de compresi\u00f3n utilizar y si redimensionar o no las im\u00e1genes:<\/p>\n<figure id=\"attachment_33851\" aria-describedby=\"caption-attachment-33851\" style=\"width: 2296px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/05\/establecer-nivel-compresion-dimensiones-imagen-shortpixel.png\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-33851 size-full\" src=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/05\/establecer-nivel-compresion-dimensiones-imagen-shortpixel.png\" alt=\"C\u00f3mo configurar el nivel de compresi\u00f3n y las dimensiones de la imagen en ShortPixel\" width=\"2296\" height=\"1729\" srcset=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/05\/establecer-nivel-compresion-dimensiones-imagen-shortpixel.png 2296w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/05\/establecer-nivel-compresion-dimensiones-imagen-shortpixel-300x226.png 300w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/05\/establecer-nivel-compresion-dimensiones-imagen-shortpixel-1024x771.png 1024w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/05\/establecer-nivel-compresion-dimensiones-imagen-shortpixel-768x578.png 768w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/05\/establecer-nivel-compresion-dimensiones-imagen-shortpixel-1536x1157.png 1536w, https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/05\/establecer-nivel-compresion-dimensiones-imagen-shortpixel-2048x1542.png 2048w\" sizes=\"auto, (max-width: 2296px) 100vw, 2296px\" \/><\/a><figcaption id=\"caption-attachment-33851\" class=\"wp-caption-text\">C\u00f3mo configurar el nivel de compresi\u00f3n y las dimensiones de la imagen en ShortPixel<\/figcaption><\/figure>\n<p>Para activar las im\u00e1genes WebP, ve a la pesta\u00f1a <strong>Avanzado<\/strong> y:<\/p>\n<ol>\n<li>Marca la casilla <strong>Im\u00e1genes WebP<\/strong><\/li>\n<li>Marca la casilla <strong>Entregar las versiones WebP&#8230; <\/strong>(aparece despu\u00e9s de marcar la primera casilla)<\/li>\n<li>Selecciona la opci\u00f3n <strong>Utilizar la sintaxis de la etiqueta &lt;PICTURE&gt; <\/strong>(aparece despu\u00e9s de marcar la casilla anterior)<\/li>\n<li>Deja la <strong>selecci\u00f3n<\/strong> por defecto <strong>S\u00f3lo a trav\u00e9s de los hooks de WordPress<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_72788\" aria-describedby=\"caption-attachment-72788\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72788 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/webp-images-2-shortpixel-webp-settings-1024x809.png\" alt=\"C\u00f3mo activar las im\u00e1genes WebP de WordPress en ShortPixel\" width=\"1024\" height=\"809\"><figcaption id=\"caption-attachment-72788\" class=\"wp-caption-text\">C\u00f3mo activar las im\u00e1genes WebP de WordPress en ShortPixel<\/figcaption><\/figure>\n<p>A continuaci\u00f3n, guarda los cambios.<\/p>\n<p>Si est\u00e1s alojado en Kinsta, ShortPixel te dar\u00e1 un mensaje de advertencia sobre la configuraci\u00f3n de los archivos de configuraci\u00f3n del servidor en Nginx. Para configurar estos ajustes, puedes ponerte <a href=\"https:\/\/kinsta.com\/es\/soporte-kinsta\/\">en contacto con el soporte de Kinsta<\/a>, y estaremos encantados de establecer la configuraci\u00f3n del servidor por ti.<\/p>\n<h3>Imagify<\/h3>\n<figure id=\"attachment_73552\" aria-describedby=\"caption-attachment-73552\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Imagify-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73552 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Imagify-plugin.jpg\" alt=\"Plugin Imagify para WordPress\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73552\" class=\"wp-caption-text\">Plugin Imagify para WordPress<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/es\/blog\/optimizar-imagenes-para-la-web\/#imagify\">Imagify<\/a> es un popular plugin de optimizaci\u00f3n de im\u00e1genes del mismo desarrollador que <a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a>.<\/p>\n<p>Puede comprimir y redimensionar autom\u00e1ticamente las im\u00e1genes que subas a tu sitio de WordPress. Adem\u00e1s, tambi\u00e9n puede ayudarte a convertirlas a WebP y servir esas versiones a los visitantes con navegadores que lo soporten.<\/p>\n<p>En t\u00e9rminos de funcionalidades, ShortPixel e Imagify comparten muchas similitudes. La diferencia m\u00e1s significativa viene cuando miras los precios. Mientras que ShortPixel te cobra en funci\u00f3n de las im\u00e1genes, sin l\u00edmite de tama\u00f1o por imagen, Imagify te cobra en funci\u00f3n del tama\u00f1o total del archivo, sin l\u00edmite de im\u00e1genes.<\/p>\n<p>As\u00ed que si necesitas optimizar muchas im\u00e1genes grandes, el m\u00e9todo de ShortPixel puede ser m\u00e1s barato. Pero si necesitas optimizar muchas im\u00e1genes peque\u00f1as, el m\u00e9todo de Imagify puede ser m\u00e1s asequible.<\/p>\n<p>Imagify tiene un plan gratuito limitado que permite 25 MB de optimizaciones al mes. A partir de ah\u00ed, los planes de pago comienzan en 4,99 $ al mes por hasta 1 GB o 9,99 $ por un \u00fanico cr\u00e9dito de 1 GB.<\/p>\n<p>Al igual que ShortPixel, puedes distribuir los l\u00edmites de tu cuenta entre un n\u00famero ilimitado de sitios web.<\/p>\n<p>Para utilizar Imagify para enviar im\u00e1genes WebP de WordPress, tendr\u00e1s que instalar el <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\">plugin desde WordPress.org<\/a> y a\u00f1adir tu clave API para empezar.<\/p>\n<p>Una vez que hayas activado el plugin, puedes utilizar el cuadro de <strong>Ajustes Generales<\/strong> para elegir tu nivel de compresi\u00f3n.<\/p>\n<figure id=\"attachment_72782\" aria-describedby=\"caption-attachment-72782\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72782 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/webp-images-imagify-compression-1024x639.png\" alt=\"C\u00f3mo establecer el nivel de compresi\u00f3n en Imagify\" width=\"1024\" height=\"639\"><figcaption id=\"caption-attachment-72782\" class=\"wp-caption-text\">C\u00f3mo establecer el nivel de compresi\u00f3n en Imagify<\/figcaption><\/figure>\n<p>Para activar las im\u00e1genes WebP, despl\u00e1zate hasta la secci\u00f3n <strong>Optimizaci\u00f3n<\/strong> y encuentra la secci\u00f3n <strong>Formato WebP<\/strong>:<\/p>\n<ol>\n<li>Marca la casilla <strong>Crear versiones webp de las im\u00e1genes<\/strong><\/li>\n<li>Marca la casilla <strong>Mostrar im\u00e1genes en formato webp&#8230;<\/strong><\/li>\n<li>Selecciona el bot\u00f3n de opci\u00f3n para <strong>utilizar la etiqueta &lt;picture&gt;<\/strong><\/li>\n<\/ol>\n<figure id=\"attachment_72783\" aria-describedby=\"caption-attachment-72783\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72783 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2022\/01\/webp-images-imagify-webp-1024x369.png\" alt=\"C\u00f3mo activar las im\u00e1genes WebP de WordPress en Imagify\" width=\"1024\" height=\"369\"><figcaption id=\"caption-attachment-72783\" class=\"wp-caption-text\">C\u00f3mo activar las im\u00e1genes WebP de WordPress en Imagify<\/figcaption><\/figure>\n<p>Al igual que con ShortPixel, si est\u00e1s alojado en Kinsta, necesitar\u00e1s crear una regla <a href=\"https:\/\/kinsta.com\/es\/blog\/que-es-nginx\/\">Nginx<\/a> para los buckets de cach\u00e9 WebP (contacta con el soporte de Kinsta).<\/p>\n<h3>Optimole<\/h3>\n<figure id=\"attachment_73554\" aria-describedby=\"caption-attachment-73554\" style=\"width: 1500px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Optimole-plugin.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-73554 size-full\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/06\/Optimole-plugin.jpg\" alt=\"Plugin Optimole para WordPress\" width=\"1500\" height=\"500\"><\/a><figcaption id=\"caption-attachment-73554\" class=\"wp-caption-text\">Plugin Optimole para WordPress<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/es\/blog\/optimizar-imagenes-para-la-web\/#optimole\">Optimole<\/a> es un plugin de optimizaci\u00f3n de im\u00e1genes para WordPress que funciona de forma algo diferente a Imagify y ShortPixel. Optimole puede comprimir y redimensionar autom\u00e1ticamente tus im\u00e1genes. Sin embargo, tambi\u00e9n tiene otras dos caracter\u00edsticas notables:<\/p>\n<ol>\n<li>Puede servir tus im\u00e1genes a trav\u00e9s de su CDN (con tecnolog\u00eda Amazon CloudFront).<\/li>\n<li>Ofrece im\u00e1genes adaptativas en tiempo real, mediante las cuales Optimole entregar\u00e1 la imagen del tama\u00f1o \u00f3ptimo para cada visitante. Por ejemplo, alguien que navegue en una pantalla peque\u00f1a obtendr\u00e1 una imagen de menor resoluci\u00f3n que alguien que navegue en una pantalla Retina.<\/li>\n<\/ol>\n<p>Este enfoque es similar al de otros servicios de optimizaci\u00f3n\/manipulaci\u00f3n en tiempo real como Cloudinary, imgix, KeyCDN Image Processing, etc.<\/p>\n<p>Optimole tambi\u00e9n puede entregar im\u00e1genes WebP a los visitantes con navegadores que lo soporten como parte de esta optimizaci\u00f3n de im\u00e1genes en tiempo real.<\/p>\n<p>Optimole tiene un plan gratuito limitado que puede gestionar el servicio de im\u00e1genes a unos 5000 visitantes al mes. Despu\u00e9s, los planes de pago empiezan en 19 $ al mes para ~25.000 visitantes.<\/p>\n<p>Para empezar, tendr\u00e1s que instalar <a href=\"https:\/\/wordpress.org\/plugins\/optimole-wp\/\" target=\"_blank\" rel=\"noopener noreferrer\">el plugin desde WordPress.org<\/a> y activarlo con una clave API <em>(que puedes obtener registr\u00e1ndote en una cuenta gratuita de Optimole<\/em>).<\/p>\n<p>Una vez hecho esto, Optimole empezar\u00e1 a optimizar autom\u00e1ticamente tus im\u00e1genes y a distribuirlas a trav\u00e9s de su <a href=\"https:\/\/kinsta.com\/es\/blog\/wordpress-cdn\/\">CDN<\/a>. La compatibilidad con WebP est\u00e1 activada por defecto, as\u00ed que no es necesario activarla manualmente.<\/p>\n<p>Para configurar otros ajustes, como los niveles de compresi\u00f3n y el comportamiento de escalado, puedes ir a <strong>Medios \u2192 Optimole \u2192 Ajustes<\/strong>:<\/p>\n<figure id=\"attachment_72786\" aria-describedby=\"caption-attachment-72786\" style=\"width: 1024px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-72786 size-large\" src=\"https:\/\/kinsta.com\/wp-content\/uploads\/2020\/05\/optimole-1024x685.png\" alt=\"Optimole activa por defecto las im\u00e1genes WebP de WordPress.\" width=\"1024\" height=\"685\"><figcaption id=\"caption-attachment-72786\" class=\"wp-caption-text\">Optimole activa por defecto las im\u00e1genes WebP de WordPress.<\/figcaption><\/figure>\n<p>Como Optimole gestiona la entrega de tus im\u00e1genes a trav\u00e9s de su CDN, no es necesario configurar ninguna regla Nginx si est\u00e1s alojado en Kinsta.<\/p>\n\n<h2>Resumen<\/h2>\n<p>Las im\u00e1genes de tu sitio de WordPress constituyen una gran parte del tama\u00f1o de archivo de una p\u00e1gina promedio. Si puedes encontrar formas de reducir el tama\u00f1o de tus im\u00e1genes, puedes <a href=\"https:\/\/kinsta.com\/es\/aprender\/acelerar-wordpress\/\">acelerar tu sitio<\/a> sin perjudicar la experiencia del usuario. WebP es un formato de imagen moderno que hace exactamente eso, ofreciendo una reducci\u00f3n de ~25% en el tama\u00f1o del archivo en comparaci\u00f3n con los archivos JPEG o PNG.<\/p>\n<p>Alrededor del 95 % de los usuarios de Internet ya utilizan un navegador compatible con WebP. Las versiones de WordPress 5.8 y posteriores tambi\u00e9n son compatibles con WebP de forma predeterminada. Por lo tanto, no hay raz\u00f3n para no utilizarlo.<\/p>\n<p>Sin embargo, una minor\u00eda de navegadores, en particular Safari en versiones antiguas de macOS, a\u00fan no ofrecen compatibilidad con WebP. Por lo tanto, todav\u00eda no es posible mostrar im\u00e1genes WebP a todos los visitantes. Para solucionar este problema, puedes utilizar un plugin de WordPress que convierte las im\u00e1genes a WebP y muestra las versiones WebP a los visitantes cuyos navegadores son compatibles, mientras que utiliza las im\u00e1genes originales para los visitantes cuyos navegadores no lo son.<\/p>\n<p>Para m\u00e1s t\u00e1cticas de optimizaci\u00f3n de im\u00e1genes, consulta <a href=\"https:\/\/kinsta.com\/es\/blog\/optimizar-imagenes-para-la-web\/\">nuestra gu\u00eda completa de optimizaci\u00f3n de im\u00e1genes para el rendimiento web<\/a>. Y no olvides que los clientes de Kinsta pueden generar autom\u00e1ticamente im\u00e1genes WebP comprimidas, sin coste de espacio en disco, aprovechando la <a href=\"https:\/\/kinsta.com\/es\/docs\/alojamiento-wordpress\/cdn-wordpress\/kinsta-cdn\/#image-optimization-1\">funcionalidad de Optimizaci\u00f3n de Im\u00e1genes<\/a> integrada y gratuita de Kinsta.<\/p>\n<p><em>Si tienes alguna pregunta sobre el uso de WebP en WordPress, \u00a1no dudes en hac\u00e9rnosla llegar en los comentarios a continuaci\u00f3n!<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Si quieres acelerar tu sitio de WordPress, reducir el tama\u00f1o de los archivos de tus im\u00e1genes ofrece un retorno significativo de tu inversi\u00f3n. De media, las &#8230;<\/p>\n","protected":false},"author":37,"featured_media":48001,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[388,731],"topic":[1358,1334,1292],"class_list":["post-33846","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-pagespeed","tag-webp","topic-diseno-sitios-web-wordpress","topic-diseno-web","topic-optimizacion-de-imagenes"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u00bfC\u00f3mo usar im\u00e1genes WebP en WordPress? (reducir el tama\u00f1o de los archivos de imagen hasta un 35%)<\/title>\n<meta name=\"description\" content=\"\u00bfNecesitas reducir el tama\u00f1o de los archivos de imagen? Aprende m\u00e1s sobre el formato de imagen WebP y c\u00f3mo puedes empezar a usar im\u00e1genes WebP en tu sitio web de WordPress con plugins.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/es\/blog\/webp\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"C\u00f3mo Usar Im\u00e1genes WebP en WordPress (Reduce el Tama\u00f1o de los Archivos de Imagen hasta un 35%)\" \/>\n<meta property=\"og:description\" content=\"\u00bfNecesitas reducir el tama\u00f1o de los archivos de imagen? Aprende m\u00e1s sobre el formato de imagen WebP y c\u00f3mo puedes empezar a usar im\u00e1genes WebP en tu sitio web de WordPress con plugins.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/es\/blog\/webp\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinsta.es\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/jonpenland\" \/>\n<meta property=\"article:published_time\" content=\"2020-06-10T08:24:59+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-01T12:08:29+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"768\" \/>\n\t<meta property=\"og:image:height\" content=\"384\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Jon Penland\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"\u00bfNecesitas reducir el tama\u00f1o de los archivos de imagen? Aprende m\u00e1s sobre el formato de imagen WebP y c\u00f3mo puedes empezar a usar im\u00e1genes WebP en tu sitio web de WordPress con plugins.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@jonrichpen\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_ES\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jon Penland\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"12 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/\"},\"author\":{\"name\":\"Jon Penland\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a\"},\"headline\":\"C\u00f3mo Usar Im\u00e1genes WebP en WordPress (Reduce el Tama\u00f1o de los Archivos de Imagen hasta un 35%)\",\"datePublished\":\"2020-06-10T08:24:59+00:00\",\"dateModified\":\"2025-10-01T12:08:29+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/\"},\"wordCount\":3228,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpeg\",\"keywords\":[\"pagespeed\",\"webp\"],\"articleSection\":[\"Los mejores tutoriales de WordPress\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/webp\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/\",\"url\":\"https:\/\/kinsta.com\/es\/blog\/webp\/\",\"name\":\"\u00bfC\u00f3mo usar im\u00e1genes WebP en WordPress? (reducir el tama\u00f1o de los archivos de imagen hasta un 35%)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/es\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpeg\",\"datePublished\":\"2020-06-10T08:24:59+00:00\",\"dateModified\":\"2025-10-01T12:08:29+00:00\",\"description\":\"\u00bfNecesitas reducir el tama\u00f1o de los archivos de imagen? Aprende m\u00e1s sobre el formato de imagen WebP y c\u00f3mo puedes empezar a usar im\u00e1genes WebP en tu sitio web de WordPress con plugins.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/es\/blog\/webp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpeg\",\"width\":1460,\"height\":730,\"caption\":\"webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/es\/blog\/webp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/es\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Optimizaci\u00f3n de Im\u00e1genes\",\"item\":\"https:\/\/kinsta.com\/es\/secciones\/optimizacion-de-imagenes\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"C\u00f3mo Usar Im\u00e1genes WebP en WordPress (Reduce el Tama\u00f1o de los Archivos de Imagen hasta un 35%)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/es\/#website\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Soluciones de alojamiento premium, r\u00e1pidas y seguras\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/es\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/es\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/es\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/es\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinsta.es\/\",\"https:\/\/x.com\/Kinsta_ES\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a\",\"name\":\"Jon Penland\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g\",\"caption\":\"Jon Penland\"},\"description\":\"Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.\",\"sameAs\":[\"http:\/\/www.jonpenland.com\",\"https:\/\/www.facebook.com\/jonpenland\",\"https:\/\/www.linkedin.com\/in\/jonpenland\",\"https:\/\/x.com\/jonrichpen\"],\"url\":\"https:\/\/kinsta.com\/es\/blog\/author\/jonpenland\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"\u00bfC\u00f3mo usar im\u00e1genes WebP en WordPress? (reducir el tama\u00f1o de los archivos de imagen hasta un 35%)","description":"\u00bfNecesitas reducir el tama\u00f1o de los archivos de imagen? Aprende m\u00e1s sobre el formato de imagen WebP y c\u00f3mo puedes empezar a usar im\u00e1genes WebP en tu sitio web de WordPress con plugins.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/es\/blog\/webp\/","og_locale":"es_ES","og_type":"article","og_title":"C\u00f3mo Usar Im\u00e1genes WebP en WordPress (Reduce el Tama\u00f1o de los Archivos de Imagen hasta un 35%)","og_description":"\u00bfNecesitas reducir el tama\u00f1o de los archivos de imagen? Aprende m\u00e1s sobre el formato de imagen WebP y c\u00f3mo puedes empezar a usar im\u00e1genes WebP en tu sitio web de WordPress con plugins.","og_url":"https:\/\/kinsta.com\/es\/blog\/webp\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinsta.es\/","article_author":"https:\/\/www.facebook.com\/jonpenland","article_published_time":"2020-06-10T08:24:59+00:00","article_modified_time":"2025-10-01T12:08:29+00:00","og_image":[{"width":768,"height":384,"url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpg","type":"image\/jpeg"}],"author":"Jon Penland","twitter_card":"summary_large_image","twitter_description":"\u00bfNecesitas reducir el tama\u00f1o de los archivos de imagen? Aprende m\u00e1s sobre el formato de imagen WebP y c\u00f3mo puedes empezar a usar im\u00e1genes WebP en tu sitio web de WordPress con plugins.","twitter_image":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpg","twitter_creator":"@jonrichpen","twitter_site":"@Kinsta_ES","twitter_misc":{"Escrito por":"Jon Penland","Tiempo de lectura":"12 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/es\/blog\/webp\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/blog\/webp\/"},"author":{"name":"Jon Penland","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a"},"headline":"C\u00f3mo Usar Im\u00e1genes WebP en WordPress (Reduce el Tama\u00f1o de los Archivos de Imagen hasta un 35%)","datePublished":"2020-06-10T08:24:59+00:00","dateModified":"2025-10-01T12:08:29+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/webp\/"},"wordCount":3228,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpeg","keywords":["pagespeed","webp"],"articleSection":["Los mejores tutoriales de WordPress"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/es\/blog\/webp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/es\/blog\/webp\/","url":"https:\/\/kinsta.com\/es\/blog\/webp\/","name":"\u00bfC\u00f3mo usar im\u00e1genes WebP en WordPress? (reducir el tama\u00f1o de los archivos de imagen hasta un 35%)","isPartOf":{"@id":"https:\/\/kinsta.com\/es\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/es\/blog\/webp\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/es\/blog\/webp\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpeg","datePublished":"2020-06-10T08:24:59+00:00","dateModified":"2025-10-01T12:08:29+00:00","description":"\u00bfNecesitas reducir el tama\u00f1o de los archivos de imagen? Aprende m\u00e1s sobre el formato de imagen WebP y c\u00f3mo puedes empezar a usar im\u00e1genes WebP en tu sitio web de WordPress con plugins.","breadcrumb":{"@id":"https:\/\/kinsta.com\/es\/blog\/webp\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/es\/blog\/webp\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/blog\/webp\/#primaryimage","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2020\/06\/webp.jpeg","width":1460,"height":730,"caption":"webp"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/es\/blog\/webp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/es\/"},{"@type":"ListItem","position":2,"name":"Optimizaci\u00f3n de Im\u00e1genes","item":"https:\/\/kinsta.com\/es\/secciones\/optimizacion-de-imagenes\/"},{"@type":"ListItem","position":3,"name":"C\u00f3mo Usar Im\u00e1genes WebP en WordPress (Reduce el Tama\u00f1o de los Archivos de Imagen hasta un 35%)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/es\/#website","url":"https:\/\/kinsta.com\/es\/","name":"Kinsta\u00ae","description":"Soluciones de alojamiento premium, r\u00e1pidas y seguras","publisher":{"@id":"https:\/\/kinsta.com\/es\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/es\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/es\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/es\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/es\/wp-content\/uploads\/sites\/8\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/es\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinsta.es\/","https:\/\/x.com\/Kinsta_ES","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/dd665169ed69e4c363264e4f56c79d6a","name":"Jon Penland","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/kinsta.com\/es\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5a3b3098b301d11bc748055f89d57a0a?s=96&d=mm&r=g","caption":"Jon Penland"},"description":"Jon is the Chief Operating Officer at Kinsta and is involved with Kinsta's sales, customer service, and technical support teams on a daily basis. Jon's a family man. So when he isn't feverishly tapping the keys of his laptop he's usually helping one of his kids fix a bike or setting up Netflix for an impatient preschooler.","sameAs":["http:\/\/www.jonpenland.com","https:\/\/www.facebook.com\/jonpenland","https:\/\/www.linkedin.com\/in\/jonpenland","https:\/\/x.com\/jonrichpen"],"url":"https:\/\/kinsta.com\/es\/blog\/author\/jonpenland\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/33846","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/comments?post=33846"}],"version-history":[{"count":16,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/33846\/revisions"}],"predecessor-version":[{"id":80397,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/posts\/33846\/revisions\/80397"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/en"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/fr"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/pt"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/de"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/nl"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/se"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/dk"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/translations\/jp"},{"href":"https:\/\/kinsta.com\/es\/wp-json\/kinsta\/v1\/posts\/33846\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media\/48001"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/media?parent=33846"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/tags?post=33846"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/es\/wp-json\/wp\/v2\/topic?post=33846"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}