{"id":5049,"date":"2022-03-07T11:15:00","date_gmt":"2022-03-07T10:15:00","guid":{"rendered":"https:\/\/www.loading.es\/blog\/?p=5049"},"modified":"2024-05-16T10:28:31","modified_gmt":"2024-05-16T08:28:31","slug":"convertir-imagenes-de-prestashop-a-webp","status":"publish","type":"post","link":"https:\/\/www.loading.es\/blog\/convertir-imagenes-de-prestashop-a-webp\/","title":{"rendered":"Convertir im\u00e1genes a WebP"},"content":{"rendered":"\n<p>Las <strong>im\u00e1genes<\/strong> son una parte esencial de cualquier sitio web. Ya sea que tengas un blog personal, una tienda online o una p\u00e1gina corporativa, las im\u00e1genes son cruciales para captar la atenci\u00f3n de tus visitantes y transmitir tu mensaje de manera efectiva. Sin embargo, las im\u00e1genes tambi\u00e9n pueden ser una de las <strong>principales causas de que tu sitio web cargue lento<\/strong>. Y sabemos que, en el mundo online, la velocidad lo es todo. Si tu p\u00e1gina tarda demasiado en cargar, los usuarios podr\u00edan irse antes de ver todo tu contenido y <strong>convertir im\u00e1genes a WebP <\/strong>te ayuda a que esto no pase, haciendo que tus im\u00e1genes pesen muy poco, pero sin perder calidad.<\/p>\n\n\n\n<div class=\"wp-block-aioseo-table-of-contents\"><ul><li><a href=\"#img-webp\">\u00bfQu\u00e9 son las im\u00e1genes WebP?<\/a><\/li><li><a href=\"#webp-ventajas\">\u00bfQu\u00e9 ventajas tiene el formato WebP?<\/a><\/li><li><a href=\"#webp-inconvenientes\">\u00bfQu\u00e9 inconvenientes tiene el formato WebP?<\/a><\/li><li><a href=\"#abrir-webp\">\u00bfC\u00f3mo abrir el formato WebP?<\/a><\/li><li><a href=\"#webp-convertir1\">Convertir im\u00e1genes a WebP<\/a><ul><li><a href=\"#aioseo-uso-de-software-de-edicion-de-imagenes\">Uso de Software de Edici\u00f3n de Im\u00e1genes<\/a><\/li><li><a href=\"#aioseo-herramientas-online-para-la-conversion\">Herramientas Online para la Conversi\u00f3n<\/a><\/li><li><a href=\"#aioseo-comparativa-de-herramientas-de-conversion\">Comparativa de Herramientas de Conversi\u00f3n<\/a><\/li><\/ul><\/li><li><a href=\"#aioseo-implementacion-de-webp-en-diferentes-cms\">Implementaci\u00f3n de WebP en Diferentes CMS<\/a><ul><li><a href=\"#aioseo-wordpress\">WordPress<\/a><\/li><li><a href=\"#aioseo-joomla\">Joomla<\/a><\/li><li><a href=\"#aioseo-drupal\">Drupal<\/a><\/li><\/ul><\/li><li><a href=\"#webp-convertir\">Convertir im\u00e1genes de Prestashop a WebP<\/a><\/li><li><a href=\"#aioseo-conlusion\">Conlusi\u00f3n<\/a><\/li><\/ul><\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><a href=\"https:\/\/www.loading.es\/hosting-prestashop\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop.png\" alt=\"Oferta Contratar Hosting PrestaShop\" class=\"wp-image-8077\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"img-webp\" style=\"color:#df922f\"><strong>\u00bfQu\u00e9 son las im\u00e1genes WebP?<\/strong><\/h2>\n\n\n\n<p><strong>El formato WebP<\/strong> <strong>fue desarrollado por Google<\/strong> en el a\u00f1o 2010 <strong>con el objetivo de reducir el tama\u00f1o de las im\u00e1genes de internet sin p\u00e9rdida.<\/strong> Este nuevo formato de imagen <strong>es capaz de reducir hasta un 30% el peso del archivo<\/strong> respecto a los formatos habituales como pueden ser el JPG, JPEG o PNG, pero <strong>sin perder calidad.<\/strong><\/p>\n\n\n\n<p>Otra caracter\u00edstica del formato WebP es que <strong>tambi\u00e9n permite im\u00e1genes animadas,<\/strong> por lo que, teniendo en cuenta su <strong>alta compresi\u00f3n<\/strong> junto con otras caracter\u00edsticas como la <strong>profundidad de color de 24 y canal de 8 bits,<\/strong> tambi\u00e9n lo convierten en el mejor candidato para <strong>sustituir al formato GIF<\/strong>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"webp-ventajas\" style=\"color:#df922f\"><strong>\u00bfQu\u00e9 ventajas tiene el formato WebP?<\/strong><\/h2>\n\n\n\n<ul>\n<li><strong>Compresi\u00f3n con y sin p\u00e9rdida:<\/strong><br>Compar\u00e1ndolo con el formato JPG, el cual solo permite compresi\u00f3n con p\u00e9rdida, con el formato <strong>WebP es posible realizar la compresi\u00f3n con y sin p\u00e9rdida.<\/strong><\/li>\n\n\n\n<li><strong>Ahorro de espacio en el servidor:<\/strong><br>Si decidimos <strong>convertir las im\u00e1genes de nuestra web a WebP<\/strong> conseguiremos <strong>ahorrar espacio en el servidor,<\/strong> sin perder calidad. <\/li>\n\n\n\n<li><strong>Aumento de velocidad de carga web:<\/strong><br>Otra consecuencia de la reducci\u00f3n del peso de los archivos, es que nuestra <strong>web cargar\u00e1 m\u00e1s r\u00e1pido. <\/strong><\/li>\n\n\n\n<li><strong>Permite im\u00e1genes con fondo transparente<\/strong>.<\/li>\n\n\n\n<li><strong>Admite im\u00e1genes animadas.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>A continuaci\u00f3n, un ejemplo comparativo entre una imagen JPG y la misma convertida a WebP donde puedes apreciar la relaci\u00f3n calidad-peso de la imagen.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-3 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"500\" height=\"334\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/ejemplo-jpg.jpg\" alt=\"\" class=\"wp-image-4277\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/ejemplo-jpg.jpg 500w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/ejemplo-jpg-300x200.jpg 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><\/div>\n\n\n<p>JPG 72ppp&nbsp;<strong>(173kb)<\/strong><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" loading=\"lazy\" width=\"500\" height=\"334\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/img-webp.webp\" alt=\"\" class=\"wp-image-5087\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/img-webp.webp 500w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/img-webp-300x200.webp 300w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure><\/div>\n\n\n<p>WebP 72ppp <strong>(74,8kb)<\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<p>Imagen:\u00a0<em><a href=\"https:\/\/www.freepik.es\/foto-gratis\/puente-madera-isla-koh-nangyuan-surat-thani-tailandia_13249947.htm#page=1&amp;query=landscape&amp;position=22\" target=\"_blank\" rel=\"noopener nofollow\" title=\"\">tawatchai07 \/ Freepik<\/a><\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"webp-inconvenientes\" style=\"color:#df922f\"><strong>\u00bfQu\u00e9 inconvenientes tiene el formato WebP?<\/strong><\/h2>\n\n\n\n<ul>\n<li><strong>Menor resoluci\u00f3n de imagen:<\/strong><br> El formato <strong>WebP soporta im\u00e1genes de hasta 16.383\u00d716.383 p\u00edxeles,<\/strong> mientras que el JPG puede llegar hasta los 65.535\u00d765.535 p\u00edxeles. Pero teniendo en cuenta que es un formato ideado para utilizar en entorno web, <strong>este punto no es relevante ya que en este contexto no vamos a utilizar im\u00e1genes con tanta resoluci\u00f3n.<\/strong><\/li>\n\n\n\n<li><strong>Compatibilidad con navegadores:<\/strong><br>Aunque actualmente <strong>los navegadores m\u00e1s populares ya soportan este formato,<\/strong> <strong>todav\u00eda hay algunos como Internet Explorer, o versiones antiguas de otros como Firefox que no son compatibles.<\/strong> En <a href=\"https:\/\/caniuse.com\/webp\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"este enlace\">este enlace<\/a> puedes comprobar las compatibilidades con las distintas versiones de los navegadores web.<\/li>\n\n\n\n<li><strong>Visualizaci\u00f3n del archivo:<\/strong><br>Por el momento, el formato WebP no puede abrirse en los habituales visualizadores de im\u00e1genes, aunque esto ir\u00e1 cambiando a medida que el formato se vaya extendiendo.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"abrir-webp\" style=\"color:#df922f\"><strong>\u00bfC\u00f3mo abrir el formato WebP?<\/strong><\/h2>\n\n\n\n<ul>\n<li><strong>Lo m\u00e1s f\u00e1cil y r\u00e1pido es abrirlo en un navegador web, <\/strong>simplemente arrastrando el archivo a la ventana.<\/li>\n\n\n\n<li>Si eres usuario de Windows, <strong>en el cl\u00e1sico Paint<\/strong> tambi\u00e9n puedes ver y editar la imagen.<\/li>\n\n\n\n<li>O, si quisieras abrirlo por ejemplo <strong>con Photoshop,<\/strong> esto es posible en su versi\u00f3n 23.2, pero si tienes la versi\u00f3n 23.1 o alguna anterior, necesitar\u00e1s instalar el plugin WebPShop. Aqu\u00ed puedes encontrar m\u00e1s informaci\u00f3n acerca de <a href=\"https:\/\/helpx.adobe.com\/es\/photoshop\/kb\/support-webp-image-format.html\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"c\u00f3mo trabajar con WebP en Photoshop\">c\u00f3mo trabajar con WebP en Photoshop<\/a> as\u00ed como los enlaces de descarga del plugin que hemos comentado.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"webp-convertir1\" style=\"color:#df922f\"><strong>Convertir im\u00e1genes a WebP<\/strong><\/h2>\n\n\n\n<p>Convertir im\u00e1genes a WebP es m\u00e1s f\u00e1cil de lo que piensas, y hay varias herramientas que pueden ayudarte a hacerlo sin complicaciones . Aqu\u00ed te mostramos algunas de las mejores opciones para que elijas la que m\u00e1s se adapte a tus necesidades.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-uso-de-software-de-edicion-de-imagenes\">Uso de Software de Edici\u00f3n de Im\u00e1genes<\/h3>\n\n\n\n<p><strong>Photoshop<\/strong> Si utilizas Photoshop, puedes convertir tus im\u00e1genes a WebP con un par de pasos sencillos. Si tienes la versi\u00f3n 23.2 o superior, puedes guardar directamente en WebP. Para versiones anteriores, necesitar\u00e1s instalar el plugin WebPShop.<\/p>\n\n\n\n<ol>\n<li><strong>Abrir la imagen en Photoshop.<\/strong><\/li>\n\n\n\n<li><strong>Ir a \u00abArchivo\u00bb &gt; \u00abGuardar como&#8230;\u00bb.<\/strong><\/li>\n\n\n\n<li><strong>Seleccionar WebP en el men\u00fa desplegable de formatos.<\/strong><\/li>\n<\/ol>\n\n\n\n<p>Para versiones anteriores:<\/p>\n\n\n\n<ol>\n<li><strong>Descargar e instalar el plugin WebPShop desde <a href=\"https:\/\/github.com\/webmproject\/WebPShop\" target=\"_blank\" rel=\"noopener\" title=\"WebShop\">aqu\u00ed<\/a>.<\/strong><\/li>\n\n\n\n<li><strong>Reiniciar Photoshop y seguir los pasos mencionados anteriormente.<\/strong><\/li>\n<\/ol>\n\n\n\n<p><strong>GIMP<\/strong> GIMP es una opci\u00f3n gratuita y de c\u00f3digo abierto para convertir im\u00e1genes a WebP.<\/p>\n\n\n\n<ol>\n<li><strong>Abrir la imagen en GIMP.<\/strong><\/li>\n\n\n\n<li><strong>Ir a \u00abArchivo\u00bb &gt; \u00abExportar como&#8230;\u00bb.<\/strong><\/li>\n\n\n\n<li><strong>Seleccionar WebP en el men\u00fa desplegable de formatos y hacer clic en \u00abExportar\u00bb.<\/strong><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-herramientas-online-para-la-conversion\">Herramientas Online para la Conversi\u00f3n<\/h3>\n\n\n\n<p>Existen diversas herramientas online que te permiten convertir im\u00e1genes a WebP de manera r\u00e1pida y sencilla. Aqu\u00ed te presentamos algunas de las m\u00e1s populares:<\/p>\n\n\n\n<p><strong>Ezgif<\/strong><\/p>\n\n\n\n<ol>\n<li><strong>Visita <a href=\"https:\/\/ezgif.com\/\" target=\"_blank\" rel=\"noopener\" title=\"exgif\">ezgif.com<\/a>.<\/strong><\/li>\n\n\n\n<li><strong>Selecciona \u00abWebP\u00bb en el men\u00fa de formatos.<\/strong><\/li>\n\n\n\n<li><strong>Sube tu imagen y haz clic en \u00abConvertir\u00bb.<\/strong><\/li>\n<\/ol>\n\n\n\n<p><strong>Convertio<\/strong><\/p>\n\n\n\n<ol>\n<li><strong>Visita <a href=\"https:\/\/convertio.co\/\" target=\"_blank\" rel=\"noopener\" title=\"Convertio\">Convertio<\/a>.<\/strong><\/li>\n\n\n\n<li><strong>Selecciona los archivos que deseas convertir.<\/strong><\/li>\n\n\n\n<li><strong>Elige WebP como formato de salida y haz clic en \u00abConvertir\u00bb.<\/strong><\/li>\n<\/ol>\n\n\n\n<p><strong>Online-Convert<\/strong><\/p>\n\n\n\n<ol>\n<li><strong>Visita <a href=\"https:\/\/image.online-convert.com\/convert-to-webp\">Online-Convert<\/a>.<\/strong><\/li>\n\n\n\n<li><strong>Sube tu archivo o ingresa la URL de la imagen.<\/strong><\/li>\n\n\n\n<li><strong>Configura las opciones de conversi\u00f3n si es necesario y haz clic en \u00abIniciar conversi\u00f3n\u00bb.<\/strong><\/li>\n<\/ol>\n\n\n\n<p><strong>Squoosh<\/strong><\/p>\n\n\n\n<ol>\n<li><strong>Visita <a href=\"https:\/\/squoosh.app\/\" target=\"_blank\" rel=\"noopener\" title=\"Squoosh\">Squoosh<\/a>.<\/strong><\/li>\n\n\n\n<li><strong>Arrastra y suelta tu imagen en la p\u00e1gina.<\/strong><\/li>\n\n\n\n<li><strong>Selecciona WebP en el men\u00fa desplegable y ajusta la calidad seg\u00fan tus necesidades.<\/strong><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-comparativa-de-herramientas-de-conversion\">Comparativa de Herramientas de Conversi\u00f3n<\/h3>\n\n\n\n<p>Para facilitar tu elecci\u00f3n, aqu\u00ed te dejamos una tabla comparativa de varias herramientas de conversi\u00f3n a WebP.<\/p>\n\n\n\n<p>\u200b<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><th>Herramienta<\/th><th>Gratuita<\/th><th>Calidad de Conversi\u00f3n<\/th><th>Facilidad de Uso<\/th><th>Formatos Soportados<\/th><\/tr><\/thead><tbody><tr><td>Ezgif<\/td><td>S\u00ed<\/td><td>Alta<\/td><td>Muy F\u00e1cil<\/td><td>JPG, PNG, GIF<\/td><\/tr><tr><td>Convertio<\/td><td>S\u00ed<\/td><td>Alta<\/td><td>F\u00e1cil<\/td><td>JPG, PNG, GIF, BMP<\/td><\/tr><tr><td>Online-Convert<\/td><td>S\u00ed<\/td><td>Alta<\/td><td>Moderada<\/td><td>JPG, PNG, GIF, BMP<\/td><\/tr><tr><td>Squoosh<\/td><td>S\u00ed<\/td><td>Muy Alta<\/td><td>Muy F\u00e1cil<\/td><td>JPG, PNG, GIF<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>\u200b<\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"aioseo-implementacion-de-webp-en-diferentes-cms\" style=\"color:#df922f\">Implementaci\u00f3n de WebP en Diferentes CMS<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-wordpress\">WordPress<\/h3>\n\n\n\n<p>Si usas WordPress, puedes integrar WebP f\u00e1cilmente utilizando plugins espec\u00edficos. Aqu\u00ed te mostramos c\u00f3mo hacerlo:<\/p>\n\n\n\n<p><strong>WebP Express<\/strong><\/p>\n\n\n\n<ol>\n<li><strong>Instala y activa el plugin WebP Express.<\/strong><\/li>\n\n\n\n<li><strong>Configura el plugin desde el men\u00fa \u00abAjustes\u00bb &gt; \u00abWebP Express\u00bb.<\/strong><\/li>\n\n\n\n<li><strong>Selecciona las opciones de conversi\u00f3n y guarda los cambios.<\/strong><\/li>\n<\/ol>\n\n\n\n<p><strong>ShortPixel<\/strong><\/p>\n\n\n\n<ol>\n<li><strong>Instala y activa el plugin ShortPixel Image Optimizer.<\/strong><\/li>\n\n\n\n<li><strong>Ve a \u00abConfiguraci\u00f3n\u00bb &gt; \u00abShortPixel\u00bb.<\/strong><\/li>\n\n\n\n<li><strong>Activa la opci\u00f3n \u00abConvertir a WebP\u00bb y guarda los cambios.<\/strong><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-joomla\">Joomla<\/h3>\n\n\n\n<p>Para Joomla, puedes utilizar extensiones como <strong>JCH Optimize<\/strong> para habilitar WebP.<\/p>\n\n\n\n<ol>\n<li><strong>Instala y activa la extensi\u00f3n JCH Optimize.<\/strong><\/li>\n\n\n\n<li><strong>Configura la extensi\u00f3n para permitir la conversi\u00f3n a WebP.<\/strong><\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"aioseo-drupal\">Drupal<\/h3>\n\n\n\n<p>En Drupal, puedes usar m\u00f3dulos como <strong>ImageAPI Optimize<\/strong> y <strong>ImageMagick<\/strong>.<\/p>\n\n\n\n<ol>\n<li><strong>Instala y activa los m\u00f3dulos ImageAPI Optimize e ImageMagick.<\/strong><\/li>\n\n\n\n<li><strong>Configura los m\u00f3dulos para habilitar la conversi\u00f3n de im\u00e1genes a WebP.<\/strong><\/li>\n<\/ol>\n\n\n\n<p><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"webp-convertir\" style=\"color:#df922f\"><strong>Convertir im\u00e1genes de Prestashop a WebP<\/strong><\/h2>\n\n\n\n<p>Si eres cliente de Loading y quisieras <strong>convertir todas las im\u00e1genes de tu tienda Prestashop a WebP,<\/strong> puedes hacerlo <strong>activando el m\u00f3dulo pagespeed<\/strong> desde el panel de control Plesk de tu <strong>hosting PrestaShop<\/strong>, con tan solo un par de clics:<\/p>\n\n\n\n<ul>\n<li>Accede al panel de control de Plesk y en el men\u00fa de la derecha, <strong>haz clic en mod_pagespeed.<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-01.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"503\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-01-1024x503.png\" alt=\"\" class=\"wp-image-5067\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-01-1024x503.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-01-300x147.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-01-768x377.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-01-1536x754.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-01-850x417.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-01.png 1905w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<ul>\n<li><strong>Selecciona el dominio<\/strong> en el que tienes instalado Prestashop y haz clic en <strong>Aceptar.<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-02.png\"><img decoding=\"async\" loading=\"lazy\" width=\"1024\" height=\"503\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-02-1024x503.png\" alt=\"\" class=\"wp-image-5070\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-02-1024x503.png 1024w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-02-300x147.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-02-768x377.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-02-1536x754.png 1536w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-02-850x417.png 850w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-02.png 1905w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n<ul>\n<li>Finalmente aparecer\u00e1 una ventana en la que se muestra <strong>informaci\u00f3n y caracter\u00edsticas del m\u00f3dulo pagespeed.<\/strong> Este m\u00f3dulo, no solo optimizar\u00e1 las im\u00e1genes, si no que tambi\u00e9n se encargar\u00e1 de optimizar el c\u00f3digo entre otras cosas.<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image is-style-default\">\n<figure class=\"aligncenter size-large\"><a href=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-03.png\"><img decoding=\"async\" loading=\"lazy\" width=\"560\" height=\"471\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-03.png\" alt=\"\" class=\"wp-image-5073\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-03.png 560w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/webp-03-300x252.png 300w\" sizes=\"(max-width: 560px) 100vw, 560px\" \/><\/a><\/figure><\/div>\n\n\n<p><\/p>\n\n\n\n<ul>\n<li>En el caso de que quisieras <strong>desactivar el m\u00f3dulo,<\/strong> solo tienes que repetir los pasos y darle a <strong>Desactivar.<\/strong><\/li>\n<\/ul>\n\n\n\n<p>Como ves, gracias formato WebP tienes la posibilidad de <strong>reducir al m\u00e1ximo los archivos de imagen de tu web,<\/strong> algo que influir\u00e1 de manera positiva en el rendimiento de esta.<\/p>\n\n\n\n<p>Si por el momento no te apetece pasarte el WebP pero aun as\u00ed te interesa saber<strong> c\u00f3mo optimizar las im\u00e1genes de tu sitio web,<\/strong> te recomendamos que le eches un ojo a <a href=\"https:\/\/www.loading.es\/blog\/2021\/09\/21\/cuando-usar-jpg-png-y-gif\/\" target=\"_blank\" rel=\"noreferrer noopener\" title=\"este post en el que hablamos sobre los  formatos JPG, PNG y GIF\">este post en el que hablamos sobre los formatos JPG, PNG y GIF<\/a>, as\u00ed como nuestra publicaci\u00f3n de Instagram <a href=\"https:\/\/www.instagram.com\/p\/COurd3qi6yp\/\" target=\"_blank\" rel=\"noopener\" title=\"este post en el que hablamos sobre los  formatos JPG, PNG y GIF\">5 Tips para optimizar las im\u00e1genes de tu web.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading has-text-color\" id=\"aioseo-conlusion\" style=\"color:#df922f\">Conlusi\u00f3n<\/h2>\n\n\n\n<p>Adoptar el <strong>formato WebP para las im\u00e1genes de tu sitio web<\/strong> es una decisi\u00f3n inteligente que puede marcar una gran diferencia en t\u00e9rminos de rendimiento y experiencia del usuario.<\/p>\n\n\n\n<p>Este formato no solo reduce significativamente el tama\u00f1o de los archivos sin perder calidad, sino que tambi\u00e9n ofrece ventajas adicionales como soporte para transparencia y animaciones, superando as\u00ed a los formatos tradicionales como <strong>JPG y PNG<\/strong>.<\/p>\n\n\n\n<p>Las herramientas y m\u00e9todos para convertir im\u00e1genes a WebP son variadas y accesibles, desde software de edici\u00f3n como <strong>Photoshop<\/strong> y <strong>GIMP<\/strong>, hasta pr\u00e1cticas soluciones online como <strong>ezgif<\/strong> y <strong>Squoosh<\/strong>. Adem\u00e1s, la implementaci\u00f3n en diferentes <strong>CMS<\/strong>, como <strong>WordPress<\/strong>, <strong>Joomla<\/strong> y <strong>Drupal<\/strong>, es sencilla y puede hacerse en pocos pasos.<\/p>\n\n\n\n<p><strong>Al optimizar las im\u00e1genes de tu sitio web con WebP<\/strong>, no solo mejorar\u00e1s la velocidad de carga y la experiencia del usuario, sino que tambi\u00e9n te asegurar\u00e1s de que tu sitio est\u00e9 preparado para el futuro de la web.<\/p>\n\n\n\n<p><strong>\u00bfQu\u00e9 esperas para comenzar a usar WebP y disfrutar de todos sus beneficios?<\/strong> \u00a1Haz la prueba y sorpr\u00e9ndete con los resultados!<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.loading.es\/hosting-prestashop\/index.html\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" loading=\"lazy\" width=\"1000\" height=\"100\" src=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop.png\" alt=\"Oferta Contratar Hosting PrestaShop\" class=\"wp-image-8077\" srcset=\"https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop.png 1000w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop-300x30.png 300w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop-768x77.png 768w, https:\/\/www.loading.es\/blog\/wp-content\/uploads\/banner-oferta-hosting-prestashop-850x85.png 850w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/a><\/figure>\n\n\n\n<p><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"bmtpNII6Ua\"><a href=\"https:\/\/www.loading.es\/blog\/insertar-formulario-google-wordpress\/\">C\u00f3mo Insertar un Formulario de Google en WordPress<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abC\u00f3mo Insertar un Formulario de Google en WordPress\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/insertar-formulario-google-wordpress\/embed\/#?secret=RW0at6RpGZ#?secret=bmtpNII6Ua\" data-secret=\"bmtpNII6Ua\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"n2gttD4Zrm\"><a href=\"https:\/\/www.loading.es\/blog\/crear-pagina-web\/\">C\u00f3mo crear una p\u00e1gina web<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abC\u00f3mo crear una p\u00e1gina web\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/crear-pagina-web\/embed\/#?secret=dxAPf0y6wz#?secret=n2gttD4Zrm\" data-secret=\"n2gttD4Zrm\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-embed is-type-wp-embed is-provider-el-blog-de-loading wp-block-embed-el-blog-de-loading\"><div class=\"wp-block-embed__wrapper\">\n<blockquote class=\"wp-embedded-content\" data-secret=\"EcGEJfOWWD\"><a href=\"https:\/\/www.loading.es\/blog\/motores-de-busqueda-de-imagenes\/\">Motores de b\u00fasqueda de im\u00e1genes: qu\u00e9 son y qu\u00e9 alternativas hay<\/a><\/blockquote><iframe class=\"wp-embedded-content\" sandbox=\"allow-scripts\" security=\"restricted\" style=\"position: absolute; clip: rect(1px, 1px, 1px, 1px);\" title=\"\u00abMotores de b\u00fasqueda de im\u00e1genes: qu\u00e9 son y qu\u00e9 alternativas hay\u00bb \u2014 El blog de Loading\" src=\"https:\/\/www.loading.es\/blog\/motores-de-busqueda-de-imagenes\/embed\/#?secret=XynTFnwv8Q#?secret=EcGEJfOWWD\" data-secret=\"EcGEJfOWWD\" width=\"600\" height=\"338\" frameborder=\"0\" marginwidth=\"0\" marginheight=\"0\" scrolling=\"no\"><\/iframe>\n<\/div><\/figure>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity is-style-wide\"\/>\n\n\n\n<p class=\"has-text-align-center\"><strong>S\u00edguenos en: <\/strong><\/p>\n\n\n\n<ul class=\"wp-block-social-links aligncenter is-layout-flex wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-facebook  wp-block-social-link\"><a href=\"https:\/\/www.facebook.com\/loading.hosting\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Facebook<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-instagram  wp-block-social-link\"><a href=\"https:\/\/www.instagram.com\/loading.es\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Instagram<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-twitter  wp-block-social-link\"><a href=\"https:\/\/twitter.com\/loading_es\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Twitter<\/span><\/a><\/li><\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n","protected":false},"excerpt":{"rendered":"<p>Las im\u00e1genes son una parte esencial de cualquier sitio web. Ya sea que tengas un blog personal, una tienda online o una p\u00e1gina corporativa, las im\u00e1genes son cruciales para captar la atenci\u00f3n de tus visitantes y transmitir tu mensaje de manera efectiva. Sin embargo, las im\u00e1genes tambi\u00e9n pueden ser una de las principales causas de que tu sitio web cargue lento. Y sabemos que, en el mundo online, la velocidad lo es todo. Si tu p\u00e1gina tarda demasiado en cargar, los usuarios podr\u00edan irse antes de ver todo tu contenido y el formato WebP te ayuda a que esto no pase, haciendo que tus im\u00e1genes pesen muy poco, pero sin perder calidad.<\/p>\n","protected":false},"author":1,"featured_media":5099,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[67,49,35],"tags":[286,287,253,254,285],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/5049"}],"collection":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/comments?post=5049"}],"version-history":[{"count":30,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/5049\/revisions"}],"predecessor-version":[{"id":8692,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/posts\/5049\/revisions\/8692"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media\/5099"}],"wp:attachment":[{"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/media?parent=5049"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/categories?post=5049"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loading.es\/blog\/wp-json\/wp\/v2\/tags?post=5049"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}