{"id":10532,"date":"2021-06-02T10:00:00","date_gmt":"2021-06-02T08:00:00","guid":{"rendered":"https:\/\/www.host-fusion.com\/blog\/?p=10532"},"modified":"2021-06-01T12:24:41","modified_gmt":"2021-06-01T10:24:41","slug":"optimizar-imagenes-para-web","status":"publish","type":"post","link":"https:\/\/www.host-fusion.com\/blog\/2021\/06\/02\/optimizar-imagenes-para-web\/","title":{"rendered":"\u00bfC\u00f3mo optimizar im\u00e1genes para web?"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"824\" height=\"243\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/optimizar-imagenes.jpg\" alt=\"optimizar im\u00e1genes para web\" class=\"wp-image-10534\" title=\"optimizar im\u00e1genes para web\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/optimizar-imagenes.jpg 824w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/optimizar-imagenes-300x88.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/optimizar-imagenes-768x226.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/optimizar-imagenes-705x208.jpg 705w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/figure>\n\n\n\n<p>\u00bfPor qu\u00e9 <strong>optimizar im\u00e1genes para web<\/strong> es una tarea tan relevante y pr\u00e1cticamente imprescindible que debes realizar?<\/p>\n\n\n\n<p>Da igual el tipo de web que tengas, es un hecho que cada vez utilizamos y subimos m\u00e1s im\u00e1genes a nuestras webs, es una tendencia al alza imparable.<\/p>\n\n\n\n<p>Al mismo tiempo, desde hace unos a\u00f1os es mayor la importancia que Google le da al WPO de una web para posicionarla.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p><em>Tambi\u00e9n te puede interesar: <a href=\"https:\/\/docs.google.com\/viewer?url=https%3A%2F%2Fhostingwp.es%2Fwpo%2Fwpohostfusion.pdf\">Gu\u00eda de optimizaci\u00f3n WPO<\/a><\/em><\/p><\/blockquote>\n\n\n\n<p>En esa optimizaci\u00f3n de los tiempos de carga de una web los elementos que m\u00e1s peso suelen tener e influencia en los tiempos de carga suelen ser las im\u00e1genes.<\/p>\n\n\n\n<p>As\u00ed pues, este es uno de los principales factores por los que la <strong>optimizaci\u00f3n de im\u00e1genes es clave<\/strong>.<\/p>\n\n\n\n<p>A lo largo de este post vamos a ver c\u00f3mo podemos optimizar correctamente todas y cada una de las im\u00e1genes que tengas en tu web.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.host-fusion.com\/hosting-wordpress\/\"><img decoding=\"async\" width=\"824\" height=\"243\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/07\/elmejorhostingwordpress.jpg\" alt=\"el mejor hosting wordpress\" class=\"wp-image-10177\" title=\"el mejor hosting wordpress\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/07\/elmejorhostingwordpress.jpg 824w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/07\/elmejorhostingwordpress-300x88.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/07\/elmejorhostingwordpress-768x226.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/07\/elmejorhostingwordpress-705x208.jpg 705w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfCu\u00e1ndo se considera que una imagen est\u00e1 optimizada?<\/h2>\n\n\n\n<p>Una imagen optimizada es esa que <strong>tanto su peso como su tama\u00f1o son los necesarios y correctos para ser mostrada en diversos tama\u00f1os de pantalla<\/strong> de diferentes dispositivos.<\/p>\n\n\n\n<p>O lo que es lo mismo, una imagen optimizada debe mostrarse correctamente en cualquier tipo de dispositivo.<\/p>\n\n\n\n<p>La forma de optimizar las im\u00e1genes se basa en dos tareas clave a realizar:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Reducci\u00f3n de su tama\u00f1o<\/strong>: ajustar su tama\u00f1o al m\u00e1ximo que se va a mostrar pantalla<\/li><li><strong>Reducci\u00f3n de su peso<\/strong>: comprimir el archivo sin que sea perceptible una p\u00e9rdida de calidad en su visualizaci\u00f3n<\/li><\/ul>\n\n\n\n<p>Tenemos que tener en cuenta que tambi\u00e9n afectan al peso los formatos del propio archivo.<\/p>\n\n\n\n<p>Los m\u00e1s comunes en web son los siguientes:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>jpg<\/li><li>png<\/li><li>gif<\/li><li>webp<\/li><li>svg<\/li><\/ul>\n\n\n\n<p>Por otro lado tenemos que tener en cuenta que este proceso es totalmente relativo dependiendo del propio uso que vayamos a hacer de las im\u00e1genes y d\u00f3nde se muestren.<\/p>\n\n\n\n<p>Por ejemplo, no es el mismo uso el de una imagen que vamos a utilizar en el slider del encabezado principal de una web a ancho completo que el de la imagen interna de un post como este mismo que est\u00e1s leyendo ahora mismo.<\/p>\n\n\n\n<p>Evidentemente, la imagen del slider debe tener un <strong>mayor tama\u00f1o<\/strong> para que se muestre correctamente y por tanto tambi\u00e9n ser\u00e1 inevitable que pese m\u00e1s.<\/p>\n\n\n\n<p>Si la imagen de ese slider tiene el ancho m\u00e1ximo al que se va a mostrar, tiene un formato apropiado, y se ha comprimido al m\u00e1ximo posible su peso, la tendremos <strong>optimizada<\/strong>.<\/p>\n\n\n\n<p>En cambio, una imagen como la del post si no la reducimos de tama\u00f1o al ancho del propio blog en el que se muestra, y esta es mayor, aunque la comprimamos y el peso final sea muy inferior a la imagen del slider, esa imagen <strong>no va a estar optimizada<\/strong>.<\/p>\n\n\n\n<p>Por tanto, no se trata de obtener el menor peso posible en todo caso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfQu\u00e9 m\u00e9todos podemos utilizar para optimizar las im\u00e1genes?<\/h2>\n\n\n\n<p>Podemos distinguir dos formas de llevar a cabo todo el proceso de optimizaci\u00f3n.<\/p>\n\n\n\n<p><strong>M\u00e9todo manual<\/strong><\/p>\n\n\n\n<p>Es el que nosotros llevamos a cabo y que aplicamos en esta web, adem\u00e1s ser\u00e1 el que te vamos a explicar extensamente a lo largo de este post.<\/p>\n\n\n\n<p>Es un proceso completamente manual cuyas tareas de optimizaci\u00f3n realizamos de <strong>forma previa a la subida de las im\u00e1genes a nuestra web<\/strong>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Por tanto, una vez que subimos las im\u00e1genes a nuestra web ya est\u00e1n perfectamente optimizadas y listas para ser mostradas.<\/p><\/blockquote>\n\n\n\n<p>Este m\u00e9todo tiene una ventaja importante que queremos destacar:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Nos permite tener un <strong>control total<\/strong> sobre todo el proceso de optimizaci\u00f3n de las im\u00e1genes<\/li><\/ul>\n\n\n\n<p>Por contra, la principal desventaja que tiene:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Es <strong>m\u00e1s pesado<\/strong> y requiere ciertas rutinas<\/li><\/ul>\n\n\n\n<p><strong>M\u00e9todo de automatizaci\u00f3n en servidor<\/strong><\/p>\n\n\n\n<p>Es el proceso por el cual <strong>optimizamos las im\u00e1genes una vez subidas al servidor<\/strong> donde est\u00e1 alojada nuestra web.<\/p>\n\n\n\n<p>Su optimizaci\u00f3n se puede hacer en WordPress de forma autom\u00e1tica mediante plugins que se encargan de modificar el tama\u00f1o, comprimir el peso o incluso cambiar los formatos de las propias im\u00e1genes, creando copias incluso.<\/p>\n\n\n\n<p>La principal ventaja de este m\u00e9todo:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>No necesitamos hacer pr\u00e1cticamente nada<\/strong>, salvo una configuraci\u00f3n inicial para todo el proceso.<\/li><\/ul>\n\n\n\n<p>Y la principal desventaja:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Estamos utilizando <strong>recursos del propio servidor<\/strong> que tambi\u00e9n requiere tu web para otros procesos<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">Optimizaci\u00f3n de im\u00e1genes de forma manual<\/h2>\n\n\n\n<p>A continuaci\u00f3n te vamos a explicar los pasos que llevamos a cabo habitualmente para llevar a cabo una optimizaci\u00f3n manual antes de subir las im\u00e1genes al servidor de la web.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">1- Reducir el tama\u00f1o de las im\u00e1genes<\/h3>\n\n\n\n<p>Este es el primer paso de todos, pero antes necesitamos conocer el tama\u00f1o m\u00e1ximo al que se van a mostrar nuestras im\u00e1genes.<\/p>\n\n\n\n<p>En general nos va a ser suficiente con <strong>conocer el ancho m\u00e1ximo<\/strong> para establecer el tama\u00f1o final al que ajustar cada imagen.<\/p>\n\n\n\n<p>Para conocer ese ancho m\u00e1ximo nos podemos valer de la funcionalidad \u00abinspeccionar\u00bb (se llama as\u00ed en Chrome) pero la tienes disponible tambi\u00e9n en otros navegadores.<\/p>\n\n\n\n<p>Simplemente sit\u00faate en esa secci\u00f3n de tu web en la que va a ir tu imagen y acciona esta funcionalidad de tu navegador.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"858\" height=\"326\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tamanos-inspeccionar.jpg\" alt=\"Inspector Google Chrome\" class=\"wp-image-10535\" title=\"Inspector Google Chrome\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tamanos-inspeccionar.jpg 858w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tamanos-inspeccionar-300x114.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tamanos-inspeccionar-768x292.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tamanos-inspeccionar-705x268.jpg 705w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tamanos-inspeccionar-845x321.jpg 845w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure>\n\n\n\n<p>De este modo puedes <strong>conocer el tama\u00f1o exacto en p\u00edxeles de tus im\u00e1genes cuando se muestran<\/strong>.<\/p>\n\n\n\n<p>Una vez tenemos esas medidas ya podemos utilizar la herramienta que m\u00e1s nos interese utilizar, como Photoshop, Gimp, Paint, Canva o alguna herramienta online gratuita como esta que te mostramos a continuaci\u00f3n.<\/p>\n\n\n\n<p>Se trata de <a href=\"https:\/\/picresize.com\/es\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Picresize<\/a> y reduce el tama\u00f1o de nuestra im\u00e1genes de forma individual o en lotes.<\/p>\n\n\n\n<p>Entre las ventajas de esta herramienta se encuentran que podemos modificar tanto el ancho como el alto con las <strong>medidas exactas<\/strong> para ese lugar pero tambi\u00e9n que podemos elegir <strong>cambiar el formato<\/strong> original por otro m\u00e1s apropiado y que pese menos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"858\" height=\"465\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/picresize.jpg\" alt=\"optimizar im\u00e1genes con picresize\" class=\"wp-image-10536\" title=\"optimizar im\u00e1genes con picresize\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/picresize.jpg 858w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/picresize-300x163.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/picresize-768x416.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/picresize-705x382.jpg 705w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure>\n\n\n\n<p><strong>\u00bfEn qu\u00e9 casos cambiar de formato?<\/strong><\/p>\n\n\n\n<p>En la mayor\u00eda de los casos es recomendable cambiar de PNG a Jpg por el menor peso y compresi\u00f3n que admite este otro formato.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Eso s\u00ed, convierte a Jpg siempre y cuando tu imagen no tenga fondo transparente o gr\u00e1ficos que requieran de una mayor calidad de visualizaci\u00f3n.<\/p><\/blockquote>\n\n\n\n<p>Utilizar esta herramienta es muy sencillo:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Accede y selecciona una o varias im\u00e1genes que puedes simplemente arrastrar o seleccionar de tu equipo<\/li><li>Sube a la herramienta esa imagen o im\u00e1genes<\/li><li>Selecciona los ajustes de tama\u00f1o final y formato<\/li><li>Selecciona \u00abguardar en disco\u00bb<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">2- Comprimir el peso de las im\u00e1genes<\/h2>\n\n\n\n<p>Una vez tenemos las im\u00e1genes reducidas al tama\u00f1o id\u00f3neo ahora es <strong>necesario comprimir esas im\u00e1genes<\/strong> para que pesen menos, pero sin perder calidad de forma aparente.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Es importante que sigas estos pasos y no comprimas antes de ajustar el tama\u00f1o.<\/p><\/blockquote>\n\n\n\n<p>Para comprimir el peso nuevamente puedes utilizar las mismas herramientas offline que te indic\u00e1bamos antes para modificar su tama\u00f1o o tambi\u00e9n puedes utilizar la misma herramienta online que nosotros usamos: <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tinypng<\/a>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"858\" height=\"319\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng.jpg\" alt=\"Tiny png optimizar im\u00e1genes online\" class=\"wp-image-10537\" title=\"Tiny png optimizar im\u00e1genes online\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng.jpg 858w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng-300x112.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng-768x286.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng-705x262.jpg 705w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure>\n\n\n\n<p>Con Tinypng puedes comprimir el peso de im\u00e1genes en formato PNG o Jpg indistintamente de forma individual o en lote (hasta 20 archivos a la vez) y obtener reducciones de peso de un gran porcentaje y <strong>sin perder en ning\u00fan caso calidad<\/strong> perceptible en nuestras im\u00e1genes.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>\u00a1Te retamos a que hagas la prueba y analices la foto una vez comprimida!<\/p><\/blockquote>\n\n\n\n<p>Su funcionamiento es muy sencillo:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Arrastramos o seleccionamos la imagen\/im\u00e1genes<\/li><li>Hacemos clic en descargar de forma individual o en lote para descargar un .zip con todas las im\u00e1genes<\/li><\/ol>\n\n\n\n<p>\u00a1Y con esto ya tendr\u00edamos listas nuestras im\u00e1genes para subirlas optimizadas a nuestra web!<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.host-fusion.com\/hosting-para-woocommerce\/\"><img decoding=\"async\" width=\"824\" height=\"243\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/02\/elmejorhostingwoocommerce-1.jpg\" alt=\"El mejor Hosting para WooCommerce\" class=\"wp-image-9796\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/02\/elmejorhostingwoocommerce-1.jpg 824w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/02\/elmejorhostingwoocommerce-1-300x88.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/02\/elmejorhostingwoocommerce-1-768x226.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2020\/02\/elmejorhostingwoocommerce-1-705x208.jpg 705w\" sizes=\"(max-width: 824px) 100vw, 824px\" \/><\/a><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Optimizaci\u00f3n de im\u00e1genes de forma autom\u00e1tica<\/h2>\n\n\n\n<p>Bien, hasta ahora te hemos contado el procedimiento que nosotros solemos llevar a cabo y que es el que te recomendamos pero tambi\u00e9n te vamos a indicar otros modos autom\u00e1ticos de <strong>optimizar una vez subidas las im\u00e1genes al servidor<\/strong>.<\/p>\n\n\n\n<p>\u00bfPara qu\u00e9 casos o situaciones te puede resultar \u00fatil y necesario?<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Cuando la gesti\u00f3n de esa web es compartida o se permite la subida de im\u00e1genes a otras personas. Puede ser el caso de un foro.<\/li><li>Cuando ya existen im\u00e1genes subidas anteriormente y se necesite optimizarlas<\/li><\/ul>\n\n\n\n<p>Tal y c\u00f3mo dec\u00edamos al principio de este post en WordPress hay plugins que nos lo ponen muy f\u00e1cil.<\/p>\n\n\n\n<p>Estas son nuestras recomendaciones.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/es.wordpress.org\/plugins\/litespeed-cache\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Litespeed Cache<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"858\" height=\"392\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/04\/litespeed-cache.jpg\" alt=\"Plugin LiteSpeed Cache\" class=\"wp-image-10484\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/04\/litespeed-cache.jpg 858w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/04\/litespeed-cache-300x137.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/04\/litespeed-cache-768x351.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/04\/litespeed-cache-705x322.jpg 705w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure>\n\n\n\n<p>Este es uno de nuestros plugins favoritos, uno de los que te recomendamos tambi\u00e9n en <a href=\"https:\/\/www.host-fusion.com\/blog\/2021\/04\/23\/plugins-para-wordpress\/\">este post<\/a>.<\/p>\n\n\n\n<p>Entre las muchas funcionalidades estupendas que trae ofrece tambi\u00e9n la <strong>compresi\u00f3n de im\u00e1genes sin perder calidad.<\/strong><\/p>\n\n\n\n<p>Tambi\u00e9n has de saber que para aprovechar todo el potencial de este plugin tu hosting debe tener disponible esta tecnolog\u00eda desde el propio servidor.<\/p>\n\n\n\n<p>Por supuesto en Host-Fusion la incluimos en todos los planes para nuestros clientes.<\/p>\n\n\n\n<p>Puedes conocer m\u00e1s a fondo todo el potencial de este <a href=\"https:\/\/www.host-fusion.com\/blog\/2017\/07\/05\/acelera-tu-wordpress-con-litespeed-cache\/\">plugin aqu\u00ed<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/es.wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Imagify<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"858\" height=\"403\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/imagify.jpg\" alt=\"optimizar im\u00e1genes con plugin imagify\" class=\"wp-image-10538\" title=\"optimizar im\u00e1genes con plugin imagify\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/imagify.jpg 858w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/imagify-300x141.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/imagify-768x361.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/imagify-705x331.jpg 705w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure>\n\n\n\n<p>Imagify es un plugin estupendo que de forma autom\u00e1tica comprime en lote todas las im\u00e1genes que subas a tu web pudiendo adem\u00e1s elegir de forma previa la compresi\u00f3n que queremos aplicar.<\/p>\n\n\n\n<p>Adem\u00e1s, otra funcionalidad que nos gusta mucho y que incorpora es la conversi\u00f3n de las im\u00e1genes al <strong>formato WebP<\/strong>, de mucho menos peso, con mayor compresi\u00f3n y similar calidad.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/es.wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noreferrer noopener nofollow\">Tinypng<\/a><\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"858\" height=\"389\" src=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng-plugin.jpg\" alt=\"tiny png plugin WordPress para optimizar im\u00e1genes\" class=\"wp-image-10539\" title=\"tiny png plugin WordPress para optimizar im\u00e1genes\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng-plugin.jpg 858w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng-plugin-300x136.jpg 300w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng-plugin-768x348.jpg 768w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2021\/06\/tinypng-plugin-705x320.jpg 705w\" sizes=\"(max-width: 858px) 100vw, 858px\" \/><\/figure>\n\n\n\n<p>S\u00ed, de Tinypng te hemos hablado antes, pero es que adem\u00e1s de herramienta online tambi\u00e9n disponen de plugin para WordPress (hasta para Photoshop) que comprime las im\u00e1genes igual de bien, as\u00ed que no pod\u00edamos dejar de recomendarlo.<\/p>\n\n\n\n<p>\u00a1Tan sencillo como instalar y comenzar a optimizar en tu web las im\u00e1genes que subas de forma autom\u00e1tica!<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusiones<\/h2>\n\n\n\n<p>A lo largo de este post te hemos contado los m\u00e9todos disponibles para llevar a cabo una correcta optimizaci\u00f3n pero queremos que te quedes realmente con lo m\u00e1s importante que te queremos transmitir:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\"><p>Lo importante no son las herramientas que utilices sino que entiendas la importancia de disponer de im\u00e1genes optimizadas en tu web<\/p><\/blockquote>\n\n\n\n<p>Nuevamente, si te preocupan los tiempos de carga y el SEO de tu web no puedes prescindir de la optimizaci\u00f3n de tus im\u00e1genes.<\/p>\n\n\n\n<p><strong>\u00a1Si no lo has hecho ya ponte con ello, esperamos que esta peque\u00f1a gu\u00eda que hemos elaborado para optimizar im\u00e1genes para web te sirva!<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfPor qu\u00e9 optimizar im\u00e1genes para web es una tarea tan relevante y pr\u00e1cticamente imprescindible que debes realizar? Da igual el tipo de web que tengas, es un hecho que cada vez utilizamos y subimos m\u00e1s im\u00e1genes a nuestras webs, es una tendencia al alza imparable. Al mismo tiempo, desde hace unos a\u00f1os es mayor la [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":10534,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90,751,369,621,91,1410,1431],"tags":[883,1453],"class_list":["post-10532","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web-marbella","category-hosting-wordpress-2","category-marketing-online","category-plugins-para-wordpress","category-posicionamiento-web","category-seo","category-wpo","tag-optimizar-imagenes-en-wordpress","tag-optimizar-imagenes-para-web"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/10532","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/comments?post=10532"}],"version-history":[{"count":0,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/10532\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/media\/10534"}],"wp:attachment":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/media?parent=10532"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/categories?post=10532"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/tags?post=10532"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}