{"id":24045,"date":"2021-05-31T11:30:18","date_gmt":"2021-05-31T09:30:18","guid":{"rendered":"https:\/\/clientes.ignaciosantiago.com\/new\/plugins-optimizar-imagenes-wordpress\/"},"modified":"2024-08-12T14:11:26","modified_gmt":"2024-08-12T12:11:26","slug":"plugins-optimizar-imagenes-wordpress","status":"publish","type":"post","link":"https:\/\/clientes.ignaciosantiago.com\/new\/plugins-optimizar-imagenes-wordpress\/","title":{"rendered":"17 PLUGINS para Optimizar IM\u00c1GENES en WordPress"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">\u00bfHas&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/como-crear-una-pagina-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">creado una p\u00e1gina web<\/a>,&nbsp;un&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/como-crear-un-blog\/\" target=\"_blank\" rel=\"noreferrer noopener\">blog<\/a>&nbsp;o una&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/crear-tienda-online-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tienda online<\/a>&nbsp;con WordPress y no sabes c\u00f3mo&nbsp;<strong>reducir el peso de las im\u00e1genes<\/strong>? \u00bfEst\u00e1s cansado de que tu sitio web tenga una velocidad de carga lenta por culpa de las im\u00e1genes? \u00bfBuscas un&nbsp;<strong>plugin para optimizar im\u00e1genes<\/strong>&nbsp;que sea r\u00e1pido y f\u00e1cil de utilizar, pero desconoces qu\u00e9 plugin es el que mejor se adapta a tus necesidades? \u00a1Est\u00e1s en el sitio correcto! Para&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/optimizar-wordpress-wpo\/\" target=\"_blank\" rel=\"noreferrer noopener\">optimizar tu web<\/a>&nbsp;y conseguir un buen rendimiento y velocidad de carga (es uno de los&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/factores-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">factores de posicionamiento<\/a>&nbsp;m\u00e1s importantes para Google), es crucial ponerse muy serios con el&nbsp;<strong>control de los tama\u00f1os y los pesos de las im\u00e1genes<\/strong>. Para ello, en esta gu\u00eda queremos mostrarte los&nbsp;<strong>mejores plugins para optimizar im\u00e1genes sin salir de WordPress<\/strong>&nbsp;y los&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/comparativa-formatos-imagenes-png-jpg-gif-svg\/\" target=\"_blank\" rel=\"noreferrer noopener\">formatos de imagen<\/a>&nbsp;que mejor funcionan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"843\" height=\"422\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/mejores-plugins-optimizar-imagenes-wordpress-herramientas-optimizacion-843x422.jpg\" alt=\"mejores plugins optimizar imagenes wordpress herramientas optimizacion\" class=\"wp-image-24055\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/mejores-plugins-optimizar-imagenes-wordpress-herramientas-optimizacion-843x422.jpg 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/mejores-plugins-optimizar-imagenes-wordpress-herramientas-optimizacion-385x193.jpg 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/mejores-plugins-optimizar-imagenes-wordpress-herramientas-optimizacion-590x295.jpg 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/mejores-plugins-optimizar-imagenes-wordpress-herramientas-optimizacion-768x384.jpg 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/mejores-plugins-optimizar-imagenes-wordpress-herramientas-optimizacion-1000x500.jpg 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2023\/10\/mejores-plugins-optimizar-imagenes-wordpress-herramientas-optimizacion.jpg 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Tanto si has sido usuario de&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/tutorial-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">WordPress<\/a>&nbsp;desde hace tiempo como si acabas de empezar a utilizarlo, es importante que conozcas los mejores&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejor-hosting-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">hosting web WordPress<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-themes-wordpress-premium\/\" target=\"_blank\" rel=\"noreferrer noopener\">plantillas premium<\/a>&nbsp;y&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-themes-wordpress-gratis\/\" target=\"_blank\" rel=\"noreferrer noopener\">gratis<\/a>&nbsp;(y las&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-paginas-comprar-plantillas-wordpress-premium\/\" target=\"_blank\" rel=\"noreferrer noopener\">p\u00e1ginas para comprar plugins y plantillas<\/a>) y la gran cantidad de&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugins<\/a>&nbsp;(y extensiones): art\u00edculos relacionados,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/banners-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">banners<\/a>, bases de datos,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-cache-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">cach\u00e9<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress-calendarios-eventos\/\" target=\"_blank\" rel=\"noreferrer noopener\">calendarios y eventos<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-wordpress-lms-cursos-online\/\" target=\"_blank\" rel=\"noreferrer noopener\">cursos online<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress-call-to-action\/\" target=\"_blank\" rel=\"noreferrer noopener\">llamadas a la acci\u00f3n<\/a>, comentarios,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress-copias-seguridad-backup\/\" target=\"_blank\" rel=\"noreferrer noopener\">copias de seguridad<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-directorio-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">directorios web<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/crear-formulario-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">formularios de contacto<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress-comercio-electronico\/\" target=\"_blank\" rel=\"noreferrer noopener\">ecommerce<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/google-amp-stories-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Google AMP<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/https-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">https<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-optimizar-imagenes-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">im\u00e1genes<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-wordpress-importar-exportar-datos\/\" target=\"_blank\" rel=\"noreferrer noopener\">importar y exportar datos<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/live-chat-online-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">live chat<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress-membresia\/\" target=\"_blank\" rel=\"noreferrer noopener\">membres\u00eda<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-wordpress-multilingue\/\" target=\"_blank\" rel=\"noreferrer noopener\">multiidioma<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/como-proteger-contenidos-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">protecci\u00f3n de contenidos<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/page-builder-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">publicidad<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/pwa-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">PWA<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress-redes-sociales\/\" target=\"_blank\" rel=\"noreferrer noopener\">redes sociales<\/a>, redirecciones,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-plugins-wordpress-reservas\/\" target=\"_blank\" rel=\"noreferrer noopener\">reservas<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/rich-snippets-google\/\" target=\"_blank\" rel=\"noreferrer noopener\">rich snippets<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-seguridad-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">seguridad<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-seo-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">SEO<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/optimizar-wordpress-wpo\/\" target=\"_blank\" rel=\"noreferrer noopener\">velocidad de carga<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/convierte-tu-blog-de-wordpress-en-movil\/\" target=\"_blank\" rel=\"noreferrer noopener\">versi\u00f3n m\u00f3vil<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/crear-tienda-online-con-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">WooCommerce<\/a>&nbsp;y un largo etc.<\/p>\n\n\n\n<div class=\"wp-block-group custom_note is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Este es un peque\u00f1o listado con los mejores plugins para optimizar im\u00e1genes en WordPress:<\/p>\n\n\n\n<ol class=\"custom_list_number wp-block-list\">\n<li><a href=\"\/ir-a\/shortpixel\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored\">ShortPixel Image Optimizer<\/a> &#8211; El m\u00e1s completo.<\/li>\n\n\n\n<li><a href=\"\/ir-a\/smush-pro\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored\">Smush<\/a> &#8211; Mejor optimizaci\u00f3n de imagen.<\/li>\n\n\n\n<li><a href=\"\/ir-a\/imagify\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored\">Imagify<\/a> &#8211; Completo y con gran optimizaci\u00f3n.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Por que utilizar plugins para optimizar im\u00e1genes<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Los<strong>&nbsp;plugins para optimizar fotos en tu instalaci\u00f3n WordPress<\/strong>&nbsp;son esenciales, la forma de dise\u00f1ar, optimizar, nombrar, subir y gestionar las im\u00e1genes es una de las partes de la optimizaci\u00f3n web que m\u00e1s se suele pasar por alto, siendo&nbsp;<strong>uno de los elementos que m\u00e1s pueden ralentizar la web<\/strong>. Tan s\u00f3lo basta optimizar las im\u00e1genes que has subido para darte cuenta de que, en pocos minutos, puedes ahorrarte muchos MB (o GB) de espacio de tu&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejor-hosting-web-alojamiento\/\" target=\"_blank\" rel=\"noreferrer noopener\">hosting web<\/a>&nbsp;y muchos segundos de carga. Eso se debe a que muchas veces&nbsp;<strong>las im\u00e1genes no se optimizan antes de subirse a WordPress<\/strong>, lo que quiere decir que no se tiene en cuenta<strong>&nbsp;su tama\u00f1o y peso<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Pi\u00e9nsalo!&nbsp;Las&nbsp;im\u00e1genes&nbsp;son una&nbsp;<strong>gran parte del peso de tu web<\/strong>&nbsp;y, a menudo (junto con el v\u00eddeo),&nbsp;<strong>la parte m\u00e1s visual y que m\u00e1s atrae<\/strong>. Pero esto no significa que la imagen que descargas de un&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/banco-imagenes-gratis-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">banco de im\u00e1genes gratis<\/a>&nbsp;o&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-bancos-de-imagenes-premium\/\" target=\"_blank\" rel=\"noreferrer noopener\">de pago<\/a>&nbsp;la tengas que subir en un tama\u00f1o&nbsp;<em>5.000\u00d72.100px<\/em>. Basta con utilizar la l\u00f3gica, y comprobaras que, por mucho ordenador que utilice el usuario, nunca se va a mostrar a m\u00e1s de la mitad del tama\u00f1o del que lo has subido (y trat\u00e1ndose de una imagen de fondo, porque si no todav\u00eda menos). <\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">De hecho, para que te hagas una idea, la resoluci\u00f3n media m\u00e1s popular sigue siendo (desde hace a\u00f1os)<strong>&nbsp;1.366 x 768 p\u00edxeles<\/strong>, seguida de 1.920 x 1.080 p\u00edxeles y de 1.600 x 900 p\u00edxeles. Por ello,<strong>&nbsp;esa imagen nunca se mostrar\u00e1 en todo su esplendor<\/strong>&nbsp;\u00bfpara qu\u00e9 subirla en ese tama\u00f1o?<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Hay una cosa que puedes hacer para comprobar si las im\u00e1genes de tu web necesitan una revisi\u00f3n, y es hacer un&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/como-medir-y-mejorar-la-velocidad-de-carga-de-tu-pagina-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">test de velocidad a tu web<\/a>&nbsp;que te diga si cuales son (no obstante, llegados a este punto tambi\u00e9n te recomendamos que mejores el rendimiento de tu WordPress mediante un&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/plugins-velocidad-carga-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">plugin para optimizar la velocidad<\/a>&nbsp;para lograr un mejor resultado). Vamos entonces a ver en detalle los&nbsp;<strong>mejores plugins para optimizar las im\u00e1genes de WordPress<\/strong>&nbsp;y algunos consejos para optimizar las im\u00e1genes de tu web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mejores plugins para optimizar im\u00e1genes en WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Las im\u00e1genes son un elemento esencial en cualquier espacio web. Su presencia tiene como objetivo<strong>&nbsp;complementar la informaci\u00f3n<\/strong>&nbsp;y&nbsp;<strong>mejorar la experiencia del usuario<\/strong>, lo que hace que el mensaje se entiendo m\u00e1s r\u00e1pido y mejor. A todos nos gusta que los archivos se visualicen correctamente (sin pixelar) y por eso hay muchos webmasters que abusan del tama\u00f1o de las im\u00e1genes que suben (que adem\u00e1s pesan mucho m\u00e1s). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con el objetivo de que esto no te suceda y que pueda<strong>s optimizar el tama\u00f1o de las im\u00e1genes que has subido a WordPress<\/strong>&nbsp;y las que vas a subir en el futuro, hemos hecho un listado de los&nbsp;<strong>mejores plugins para optimizar las im\u00e1genes en WordPress<\/strong>:<\/p>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading custom_title\">#1 ShortPixel Image Optimizer<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-short-pixel-843x474.webp\" alt=\"mejores plugins seo wordpress posicionamiento web optimizar imagenes short pixel\" class=\"wp-image-37104\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-short-pixel-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-short-pixel-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-short-pixel-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-short-pixel-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-short-pixel-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-short-pixel.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>ShortPixel<\/strong>&nbsp;es un plugin SEO de WordPress para optimizar im\u00e1genes con el que puedes&nbsp;<strong>optimizar las im\u00e1genes de tu sitio web en WordPress desde una interfaz sencilla y f\u00e1cil de usar<\/strong>. Este plugin destaca por tener una interfaz de administraci\u00f3n sencilla que comprime todo tipo de formatos de im\u00e1genes, convierte los formatos, no hay l\u00edmite de peso de im\u00e1genes, optimiza cualquier imagen de tu galer\u00eda, es compatible con WP Retina 2X y funciona correctamente con WooCommerce.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes<\/strong>: Reduce el tama\u00f1o de los archivos de imagen sin sacrificar la calidad visual.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n autom\u00e1tica<\/strong>: Ofrece la opci\u00f3n de optimizar autom\u00e1ticamente las im\u00e1genes al cargarlas en el sitio web.<\/li>\n\n\n\n<li><strong>Formatos de imagen compatibles<\/strong>: Admite una variedad de formatos de imagen, como JPEG, PNG y GIF.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n por lotes<\/strong>: Permite optimizar varias im\u00e1genes simult\u00e1neamente para una gesti\u00f3n eficiente del sitio web.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>10.000 Im\u00e1genes ($4,99\/Mes).<\/li>\n\n\n\n<li>24.000 Im\u00e1genes ($23,96\/Mes).<\/li>\n\n\n\n<li>110.000 ($449\/Mes).<\/li>\n<\/ul>\n\n\n\n<p class=\"custom_note wp-block-paragraph\">Ofrecen un <strong>plan gratis<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/shortpixel\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a ShortPixel Image Optimizer \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading custom_title\">#2 Smush<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-smush-843x474.webp\" alt=\"mejores plugins seo wordpress posicionamiento web optimizar imagenes smush\" class=\"wp-image-37106\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-smush-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-smush-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-smush-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-smush-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-smush-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-smush.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Smush<\/strong>&nbsp;(antes WP Smushit) es un plugin SEO de WordPress que te permite<strong>&nbsp;optimizar las im\u00e1genes de tu web<\/strong>&nbsp;de muchas maneras para mejorar el rendimiento de tu web ya sea en lazy load, cambiando tama\u00f1os y comprimi\u00e9ndolas para poder mejorar el tr\u00e1fico de tu web y por ende tu posicionamiento SEO. Destaca por permitir optimizar hasta 50 im\u00e1genes a la vez pudiendo cambiar el tama\u00f1o al mismo tiempo, por detectar autom\u00e1ticamente las im\u00e1genes no optimizadas y por integrarse con Gutenberg.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes sin p\u00e9rdida:<\/strong> Reduce el tama\u00f1o de los archivos de imagen sin perder calidad.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n autom\u00e1tica:<\/strong> Ofrece la opci\u00f3n de optimizar autom\u00e1ticamente las im\u00e1genes al cargarlas en el sitio web.<\/li>\n\n\n\n<li><strong>Escaneo y optimizaci\u00f3n por lotes:<\/strong> Escanea y optimiza im\u00e1genes ya existentes en el sitio web de forma masiva para mejorar el rendimiento.<\/li>\n\n\n\n<li><strong>Tama\u00f1os de imagen adaptativos:<\/strong> Crea versiones adaptativas de las im\u00e1genes para diferentes dispositivos y tama\u00f1os de pantalla.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>1 Sitio ($6\/Mes).<\/li>\n\n\n\n<li>20 Sitios ($14\/Mes).<\/li>\n\n\n\n<li>Ilimitado ($29\/Mes).<\/li>\n<\/ul>\n\n\n\n<p class=\"custom_note wp-block-paragraph\">Ofrecen un <strong>plan gratis<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/smush-pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Smush \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading custom_title\">#3 Imagify<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-imagify-843x474.webp\" alt=\"mejores plugins seo wordpress posicionamiento web optimizar imagenes imagify\" class=\"wp-image-37107\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-imagify-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-imagify-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-imagify-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-imagify-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-imagify-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-seo-wordpress-posicionamiento-web-optimizar-imagenes-imagify.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Imagify<\/strong>&nbsp;es un plugin SEO de WordPress para optimizar im\u00e1genes con el que puedes<strong>&nbsp;optimizar im\u00e1genes de una forma sencilla en tan solo un click<\/strong>&nbsp;para tratar de hacer que el sitio web sea m\u00e1s eficiente. Este plugin se a\u00f1adir\u00e1 autom\u00e1ticamente a la interfaz principal de tu WordPress y desde ah\u00ed podr\u00e1s optimizar las im\u00e1genes con el nivel de compresi\u00f3n que desees o volver a ponerlas en el tama\u00f1o anterior, tambi\u00e9n cambiar el tama\u00f1o y hacer las las im\u00e1genes para que se vean bien desde el m\u00f3vil.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes:<\/strong> Reduce el tama\u00f1o de los archivos de imagen con opciones de compresi\u00f3n ajustables.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n autom\u00e1tica:<\/strong> Ofrece la opci\u00f3n de optimizar autom\u00e1ticamente las im\u00e1genes al cargarlas en el sitio web.<\/li>\n\n\n\n<li><strong>Conversi\u00f3n de formatos:<\/strong> Permite convertir im\u00e1genes a formatos m\u00e1s eficientes, como WebP.<\/li>\n\n\n\n<li><strong>Historial de optimizaci\u00f3n:<\/strong> Proporciona un historial de optimizaci\u00f3n para realizar un seguimiento de los cambios realizados en las im\u00e1genes.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Lite 1GB ($4,99\/Mes).<\/li>\n\n\n\n<li>Standard 5GB ($19,99\/Mes).<\/li>\n\n\n\n<li>Enterprise 50GB ($69,99\/Mes).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/imagify\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Imagify \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#4 Compress JPEG &amp; PNG images (TinyPNG)<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-tiny-compress-images-843x474.webp\" alt=\"mejores plugins optimizar im\u00e1genes wordpress gratis pago tiny compress images\" class=\"wp-image-37108\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-tiny-compress-images-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-tiny-compress-images-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-tiny-compress-images-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-tiny-compress-images-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-tiny-compress-images-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-tiny-compress-images.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Compress JPEG &amp; PNG images<\/strong>&nbsp;es un complemento del servidor TinyPNG muy popular que permite optimizar autom\u00e1ticamente las im\u00e1genes de WordPress, aunque siempre con&nbsp;<strong>p\u00e9rdidas reducidas de calidad<\/strong>. La herramienta reconoce autom\u00e1ticamente las dimensiones de los archivos y permite seleccionar los tama\u00f1os de compresi\u00f3n. Para ello previamente es necesario&nbsp;<strong>agregar una clave API<\/strong>&nbsp;as\u00ed como otras configuraciones de personalizaci\u00f3n.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes:<\/strong> Comprime im\u00e1genes JPEG y PNG para reducir el tama\u00f1o del archivo.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n autom\u00e1tica:<\/strong> Ofrece la opci\u00f3n de optimizar autom\u00e1ticamente las im\u00e1genes al cargarlas en el sitio web.<\/li>\n\n\n\n<li><strong>Integraci\u00f3n con WordPress:<\/strong> Se integra con WordPress para facilitar la optimizaci\u00f3n de im\u00e1genes directamente desde el panel de administraci\u00f3n.<\/li>\n\n\n\n<li><strong>Calidad visual:<\/strong> Mantiene una calidad visual alta incluso despu\u00e9s de la compresi\u00f3n.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Plan completamente gratuito.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/es.wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Compress JPEG &amp; PNG images (TinyPNG) \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#5 EWWW Image Optimizer<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-ewww-image-optimizer-843x474.webp\" alt=\"mejores plugins optimizar im\u00e1genes wordpress gratis pago ewww image optimizer\" class=\"wp-image-37109\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-ewww-image-optimizer-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-ewww-image-optimizer-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-ewww-image-optimizer-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-ewww-image-optimizer-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-ewww-image-optimizer-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-ewww-image-optimizer.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>EWWW Image Opimizer<\/strong>&nbsp;es un complemento que ofrece la posibilidad de optimizar las im\u00e1genes no solo mediante la nube sino tambi\u00e9n&nbsp;<strong>desde su propio servidor<\/strong>&nbsp;a los principales formatos:&nbsp;<strong>JPG, PNG, GIF y PDF<\/strong>. Los archivos pueden comprimirse a determinados tama\u00f1os que se ampl\u00edan en su versi\u00f3n de pago. Destaca su capacidad para&nbsp;<strong>crear im\u00e1genes WebP<\/strong>&nbsp;en una interfaz un poco compleja debido al amplio volumen de configuraciones que ofrece.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes:<\/strong> Reduce el tama\u00f1o de los archivos de imagen sin sacrificar la calidad visual.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n autom\u00e1tica:<\/strong> Ofrece la opci\u00f3n de optimizar autom\u00e1ticamente las im\u00e1genes al cargarlas en el sitio web.<\/li>\n\n\n\n<li><strong>Conversi\u00f3n de formatos:<\/strong> Permite convertir im\u00e1genes a formatos m\u00e1s eficientes, como WebP.<\/li>\n\n\n\n<li><strong>Escaneo y optimizaci\u00f3n por lotes:<\/strong> Escanea y optimiza im\u00e1genes ya existentes en el sitio web de forma masiva para mejorar el rendimiento.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Est\u00e1ndar ($7\/Mes).<\/li>\n\n\n\n<li>Crecimiento ($15\/Mes).<\/li>\n\n\n\n<li>Infinito ($25\/Mes).<\/li>\n<\/ul>\n\n\n\n<p class=\"custom_note wp-block-paragraph\">Ofrecen una <strong>prueba de 2 meses gratis<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/ewww-image-optimizer\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a EWWW Image Optimizer \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#6 Imsanity<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-imsanity-843x474.webp\" alt=\"mejores plugins optimizar im\u00e1genes wordpress gratis pago imsanity\" class=\"wp-image-37110\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-imsanity-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-imsanity-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-imsanity-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-imsanity-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-imsanity-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-imsanity.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Imsanity&nbsp;<\/strong>es uno de los mejores plugins de optimizaci\u00f3n de im\u00e1genes de WordPress debido a que permite especificar dos par\u00e1metros:&nbsp;<strong>las dimensiones y la calidad<\/strong>. Su car\u00e1cter vers\u00e1til le convierte en una de las herramientas m\u00e1s populares en espacios que tienen archivos de diversos tama\u00f1os debido a su tem\u00e1tica. Admite los formatos de imagen m\u00e1s populares y dispone de capacidad para convertirlos en&nbsp;<strong>menos de 10 segundos<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Redimensionamiento de im\u00e1genes:<\/strong> Redimensiona autom\u00e1ticamente las im\u00e1genes al cargarlas en el sitio web para evitar el almacenamiento excesivo.<\/li>\n\n\n\n<li><strong>Control del tama\u00f1o de imagen:<\/strong> Permite establecer l\u00edmites de tama\u00f1o m\u00e1ximo para las im\u00e1genes cargadas para mantener el sitio web optimizado.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n de la biblioteca multimedia:<\/strong> Escanea y optimiza im\u00e1genes existentes en la biblioteca multimedia de WordPress.<\/li>\n\n\n\n<li><strong>Procesamiento por lotes:<\/strong> Permite procesar m\u00faltiples im\u00e1genes existentes en lotes para optimizarlas de manera eficiente.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Plan completamente gratuito.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/es.wordpress.org\/plugins\/imsanity\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Imsanity \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#7 Kraken.io Image Optimizer<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-krakein.io_-843x474.webp\" alt=\"mejores plugins optimizar im\u00e1genes wordpress gratis pago krakein.io\" class=\"wp-image-37111\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-krakein.io_-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-krakein.io_-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-krakein.io_-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-krakein.io_-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-krakein.io_-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-krakein.io_.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Kraken.io Image Optimizer<\/strong>&nbsp;es un complemento para optimizar im\u00e1genes de modo individual o masivo, incluso en&nbsp;<strong>carpetas ZIP<\/strong>. La herramienta,&nbsp;<strong>compatible con Page Cruncher y Dropbox<\/strong>, cambia autom\u00e1ticamente el tama\u00f1o de las im\u00e1genes al cargarlas en funci\u00f3n de las dimensiones m\u00e1ximas establecidas. Los archivos modificados pueden&nbsp;<strong>guardarse en la nube<\/strong>&nbsp;del complemento que adem\u00e1s garantiza soporte t\u00e9cnico.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes:<\/strong> Comprime im\u00e1genes para reducir el tama\u00f1o del archivo y mejorar el rendimiento del sitio web.<\/li>\n\n\n\n<li><strong>Control de calidad:<\/strong> Permite ajustar el nivel de compresi\u00f3n para mantener un equilibrio entre calidad visual y tama\u00f1o del archivo.<\/li>\n\n\n\n<li><strong>Conversi\u00f3n de formatos:<\/strong> Ofrece la opci\u00f3n de convertir im\u00e1genes a formatos m\u00e1s eficientes, como WebP.<\/li>\n\n\n\n<li><strong>Integraci\u00f3n API:<\/strong> Proporciona una API para integrar la optimizaci\u00f3n de im\u00e1genes en aplicaciones y plataformas externas.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Gratuito (100 MB).<\/li>\n\n\n\n<li>Desde $5 al mes.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/krakenio\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Kraken.io Image Optimizer \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#8 Optimole<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimole-843x474.webp\" alt=\"mejores plugins optimizar im\u00e1genes wordpress gratis pago optimole\" class=\"wp-image-37112\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimole-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimole-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimole-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimole-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimole-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimole.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Optimole<\/strong>&nbsp;es un complemento de optimizaci\u00f3n de im\u00e1genes de WordPress que procesa los archivos<strong>&nbsp;a tiempo real desde la nube<\/strong>. Destaca especialmente por la sencillez de su interfaz y por su capacidad para adaptar las im\u00e1genes a una carga muy \u00f3ptima. Tambi\u00e9n permite a\u00f1adir&nbsp;<strong>marcas de agua<\/strong>&nbsp;a los archivos que se preparan y que adem\u00e1s son&nbsp;<strong>compatibles con todos los builders<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes:<\/strong> Comprime im\u00e1genes de forma inteligente para mantener una alta calidad visual con un tama\u00f1o de archivo reducido.<\/li>\n\n\n\n<li><strong>Entrega adaptativa de im\u00e1genes:<\/strong> Ofrece im\u00e1genes adaptativas para diferentes dispositivos y tama\u00f1os de pantalla.<\/li>\n\n\n\n<li><strong>Lazy loading:<\/strong> Implementa la carga diferida de im\u00e1genes para mejorar los tiempos de carga de la p\u00e1gina.<\/li>\n\n\n\n<li><strong>CDN integrado:<\/strong> Utiliza un CDN (Content Delivery Network) para entregar im\u00e1genes optimizadas de forma r\u00e1pida y eficiente.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Inicio (19,08\u20ac\/Mes).<\/li>\n\n\n\n<li>Negocios (39,08\u20ac\/Mes).<\/li>\n\n\n\n<li>Flexible (A consultar).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/optimole\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Optimole \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#9 Optimus<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimus-843x474.webp\" alt=\"mejores plugins optimizar im\u00e1genes wordpress gratis pago optimus\" class=\"wp-image-37113\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimus-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimus-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimus-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimus-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimus-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-optimus.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Optimus<\/strong>&nbsp;permite optimizar im\u00e1genes<strong>&nbsp;hasta un 70% de su peso<\/strong>&nbsp;sin alterar su calidad. El complemento procesa de modo autom\u00e1tico los archivos y los adapta al tama\u00f1o fijado previamente de modo conjunto. Adem\u00e1s de ser&nbsp;<strong>compatible con los multisitios de WordPress y WooCommerce<\/strong>&nbsp;mejora las im\u00e1genes para el&nbsp;<strong>posicionamiento SEO<\/strong>. Dispone de soporte t\u00e9cnico continuo.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes:<\/strong> Reduce el tama\u00f1o de los archivos de imagen sin sacrificar la calidad visual.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n autom\u00e1tica:<\/strong> Ofrece la opci\u00f3n de optimizar autom\u00e1ticamente las im\u00e1genes al cargarlas en el sitio web.<\/li>\n\n\n\n<li><strong>Conversi\u00f3n de formatos:<\/strong> Permite convertir im\u00e1genes a formatos m\u00e1s eficientes, como WebP.<\/li>\n\n\n\n<li><strong>Integraci\u00f3n con WordPress:<\/strong> Se integra con WordPress para facilitar la optimizaci\u00f3n de im\u00e1genes directamente desde el panel de administraci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Optimus HQ ($29\/A\u00f1o).<\/li>\n\n\n\n<li>Optimus HQ Pro ($149\/A\u00f1o).<\/li>\n<\/ul>\n\n\n\n<p class=\"custom_note wp-block-paragraph\">Ofrecen un <strong>plan gratis<\/strong>.<\/p>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/optimus\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a Optimus \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#10 reSmush.it<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-resmush.it_-843x474.webp\" alt=\"\" class=\"wp-image-37114\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-resmush.it_-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-resmush.it_-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-resmush.it_-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-resmush.it_-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-resmush.it_-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-resmush.it_.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>reSmush.it<\/strong>&nbsp;es un complemento de compresi\u00f3n de im\u00e1genes de WordPress que permite optimizar archivos de todo tipo, incluso los de mayor antig\u00fcedad y peso (<strong>hasta 5 MB<\/strong>). Adem\u00e1s de permitir seleccionar el&nbsp;<strong>nivel de compresi\u00f3n<\/strong>, pueden cargarse im\u00e1genes de modo masivo. Crea una copia del elemento original y trabaja con ella para comprimirla&nbsp;<strong>sin da\u00f1ar la aut\u00e9ntica<\/strong>. Tambi\u00e9n se adapta a todos los dispositivos.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Compresi\u00f3n de im\u00e1genes:<\/strong> Comprime im\u00e1genes para reducir el tama\u00f1o del archivo y mejorar el rendimiento del sitio web.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n autom\u00e1tica:<\/strong> Ofrece la opci\u00f3n de optimizar autom\u00e1ticamente las im\u00e1genes al cargarlas en el sitio web.<\/li>\n\n\n\n<li><strong>Escaneo y optimizaci\u00f3n por lotes:<\/strong> Escanea y optimiza im\u00e1genes ya existentes en el sitio web de forma masiva para mejorar el rendimiento.<\/li>\n\n\n\n<li><strong>Calidad visual:<\/strong> Mantiene una calidad visual alta incluso despu\u00e9s de la compresi\u00f3n.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Plan completamente gratuito.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/wordpress.org\/plugins\/resmushit-image-optimizer\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a reSmush.it \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading\">#11 WP Compress<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-compress-843x474.webp\" alt=\"mejores plugins optimizar im\u00e1genes wordpress gratis pago wp compress\" class=\"wp-image-37115\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-compress-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-compress-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-compress-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-compress-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-compress-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-compress.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WP Compress<\/strong>&nbsp;es un plugin para optimizar im\u00e1genes&nbsp;<strong>hasta en un 33% sin p\u00e9rdidas de calidad<\/strong>&nbsp;en todos sus formatos. La herramienta proporciona un CDN que combina&nbsp;<strong>Google Cloud y BunnyCDN<\/strong>&nbsp;para que la velocidad de carga de los archivos sea muy r\u00e1pida. Destaca por ofrecer las im\u00e1genes&nbsp;<strong>adaptadas a todos los dispositivos<\/strong>&nbsp;y por permitir su acceso en modo diferido. Se trata de una opci\u00f3n muy recomendable.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Lorem ipsum dolor sit amet ut ipsa totam non consectetur exercitationem aut ducimus veniam est adipisci ipsum aut aliquam sequi.<\/li>\n\n\n\n<li>Lorem ipsum dolor sit amet ut ipsa totam non consectetur exercitationem aut ducimus veniam est adipisci ipsum aut aliquam sequi.<\/li>\n\n\n\n<li>Lorem ipsum dolor sit amet ut ipsa totam non consectetur exercitationem aut ducimus veniam est adipisci ipsum aut aliquam sequi.<\/li>\n\n\n\n<li>Lorem ipsum dolor sit amet ut ipsa totam non consectetur exercitationem aut ducimus veniam est adipisci ipsum aut aliquam sequi.<\/li>\n\n\n\n<li>Lorem ipsum dolor sit amet ut ipsa totam non consectetur exercitationem aut ducimus veniam est adipisci ipsum aut aliquam sequi.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Personal ($9\/Mes).<\/li>\n\n\n\n<li>Profesional ($29\/Mes).<\/li>\n\n\n\n<li>Agencia Pro ($99\/Mes).<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/ignaciosantiago.com\/ir-a\/wp-compress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a WP Compress \u1405<\/a><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\">#12 WP Retina 2x<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"843\" height=\"474\" src=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-retina-2x-843x474.webp\" alt=\"mejores plugins optimizar im\u00e1genes wordpress gratis pago wp retina 2x\" class=\"wp-image-37116\" srcset=\"https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-retina-2x-843x474.webp 843w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-retina-2x-385x217.webp 385w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-retina-2x-590x332.webp 590w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-retina-2x-768x432.webp 768w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-retina-2x-1000x563.webp 1000w, https:\/\/clientes.ignaciosantiago.com\/new\/wp-content\/uploads\/2021\/05\/mejores-plugins-optimizar-imagenes-wordpress-gratis-pago-wp-retina-2x.webp 1200w\" sizes=\"(max-width: 843px) 100vw, 843px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>WP Retina 2x<\/strong>&nbsp;es un complemento que optimiza las im\u00e1genes destinadas a&nbsp;<strong>dispositivos electr\u00f3nicos de alta resoluci\u00f3n<\/strong>. Se trata, por tanto, de un plugin m\u00e1s orientado a&nbsp;<strong>minimizar la reducci\u00f3n de la calidad&nbsp;<\/strong>de un archivo que a su tama\u00f1o. Ofrece funcionalidades \u00f3ptimas para subir los archivos de modo masivo y visualizarlos incluso en diferido. Es una alternativa buena para blogs de viajes, de moda o de deporte.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Caracter\u00edsticas <\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Gesti\u00f3n de im\u00e1genes de alta resoluci\u00f3n:<\/strong> Permite gestionar im\u00e1genes de alta resoluci\u00f3n para pantallas Retina y dispositivos de alta densidad de p\u00edxeles.<\/li>\n\n\n\n<li><strong>Conversi\u00f3n de im\u00e1genes:<\/strong> Convierte im\u00e1genes existentes en versiones de alta resoluci\u00f3n para pantallas Retina.<\/li>\n\n\n\n<li><strong>Optimizaci\u00f3n de im\u00e1genes:<\/strong> Ofrece opciones para optimizar las im\u00e1genes de alta resoluci\u00f3n para reducir el tama\u00f1o del archivo y mejorar el rendimiento.<\/li>\n\n\n\n<li><strong>Lazy loading:<\/strong> Implementa la carga diferida de im\u00e1genes para mejorar los tiempos de carga de la p\u00e1gina.<\/li>\n<\/ul>\n\n\n\n<h4 class=\"wp-block-heading\">Planes de precios<\/h4>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Plan completamente gratuito.<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/es.wordpress.org\/plugins\/wp-retina-2x\/\" target=\"_blank\" rel=\"noreferrer noopener\">Ir a WP Retina 2x \u1405<\/a><\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Formatos de&nbsp;imagen m\u00e1s habituales en dise\u00f1o web<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bf<strong>JPG<\/strong>? \u00bf<strong>JPEG<\/strong>? \u00bf<strong>PNG<\/strong>? \u00bf<strong>GIF<\/strong>? \u00bf<strong>SVG<\/strong>? \u00bfTe suenan estos&nbsp;<strong>formatos de imagen<\/strong>? Estoy seguro que, si eres propietario de una&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-paginas-web-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">pagina web<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-blogs-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">blog<\/a>&nbsp;o&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-tiendas-online-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">tienda online<\/a>, cuando descargas las im\u00e1genes en&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/banco-imagenes-gratis-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">bancos de im\u00e1genes gratis<\/a>&nbsp;y&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejores-bancos-de-imagenes-premium\/\" target=\"_blank\" rel=\"noreferrer noopener\">premium<\/a>, te surgen montones de dudas a la hora de&nbsp;<strong>elegir qu\u00e9 formato de imagen es mejor<\/strong>, c\u00f3mo optimizarlas&nbsp;y qu\u00e9 herramientas&nbsp;existen en el mercado para facilitarte la vida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Son muchas las preguntas que te vienen a la cabeza,&nbsp;\u00bfCu\u00e1l es la diferencia entre .JPG (o .JPEG) y .PNG? \u00bfY entre&nbsp;.GIF y .JPG? \u00bfY eso nuevo del .SVG? Por ello, y despu\u00e9s de haberte explicado este tema en varias ocasiones en mi blog, quiero echar un nuevo vistazo a la situaci\u00f3n de los formatos de im\u00e1genes para sitios web y ayudarte a<strong>&nbsp;elegir el formato id\u00f3neo<\/strong>&nbsp;y que mejor&nbsp;<strong>se adapte a tus necesidades<\/strong>. Un<strong>&nbsp;formato de imagen<\/strong>&nbsp;normalmente&nbsp;encadena juntos&nbsp;varios<strong>&nbsp;algoritmos con&nbsp;p\u00e9rdidas<\/strong>&nbsp;(lossy&nbsp;)&nbsp;<strong>y sin&nbsp;p\u00e9rdidas<\/strong>&nbsp;(lossless) para&nbsp;conceder&nbsp;<strong>ahorros de compresi\u00f3n<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hay multitud de formatos de imagen adoptados por los navegadores, cada uno con sus propias caracter\u00edsticas y sus ventajas y desventajas en cuanto al rendimiento se refiere. Resumiendo,&nbsp;<strong>no hay una \u00abtalla \u00fanica\u00bb para el formato web<\/strong>&nbsp;(en la actualidad). Los diferentes tipos de im\u00e1genes deben ser<strong>&nbsp;codificados en diferentes formatos<\/strong>&nbsp;dependiendo del tipo de imagen, la&nbsp;<strong>compatibilidad con el navegador<\/strong>&nbsp;y las&nbsp;<strong>necesidades del sitio web<\/strong>.&nbsp;Existen varias decisiones que un dise\u00f1ador o desarrollador web tiene que&nbsp;tomar en cuanto a&nbsp;la elecci\u00f3n de un formato de imagen:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>\u00bfNecesita&nbsp;<strong>compresi\u00f3n<\/strong>&nbsp;la imagen?<\/li>\n\n\n\n<li>\u00bfNecesita&nbsp;<strong>transparencia<\/strong>&nbsp;la imagen?<\/li>\n\n\n\n<li>\u00bfNecesita&nbsp;<strong>animaci\u00f3n<\/strong>&nbsp;la imagen?<\/li>\n\n\n\n<li>\u00bfNecesita&nbsp;<strong>datos de alta calidad<\/strong>&nbsp;la imagen?<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Tabla comparativa entre im\u00e1genes .PNG, .JPG, .GIF, .SVG<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de meterte de lleno en la&nbsp;<strong>comparativa entre los distintos formatos de imagen .PNG, .JPG, .GIF y .SVG<\/strong>, te sugiero que tengas algunos puntos claros. Para empezar, la diferencia entre&nbsp;<strong>Lossy<\/strong>&nbsp;(con p\u00e9rdida) y&nbsp;<strong>Lossless<\/strong>&nbsp;(sin p\u00e9rdida), unos t\u00e9rminos que vas a leer mucho durante la gu\u00eda y que no quiero que&nbsp;te bloqueen.<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Lossless<\/strong>&nbsp;(<a href=\"https:\/\/es.wikipedia.org\/wiki\/Algoritmo_de_compresi%C3%B3n_sin_p%C3%A9rdida\" target=\"_blank\" rel=\"noreferrer noopener\">sin p\u00e9rdidas<\/a>) es un tipo de compresi\u00f3n de im\u00e1genes que&nbsp;<strong>reduce el tama\u00f1o de un archivo sin perdida de calidad<\/strong>&nbsp;(no importa las veces que guardes u optimices la imagen, que la imagen se ver\u00e1 exactamente igual).<\/li>\n\n\n\n<li><strong>Lossy<\/strong>&nbsp;(<a href=\"https:\/\/es.wikipedia.org\/wiki\/Algoritmo_de_compresi%C3%B3n_con_p%C3%A9rdida\" target=\"_blank\" rel=\"noreferrer noopener\">con p\u00e9rdidas<\/a>) es un tipo de compresi\u00f3n de im\u00e1genes que&nbsp;<strong>reduce el tama\u00f1o de un archivo con perdida de calidad<\/strong>&nbsp;(si guardas una imagen en un formato lossy una y otra vez, la calidad de la imagen empeora progresivamente).<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Es posible que hayas o\u00eddo en m\u00e1s de una ocasi\u00f3n el t\u00e9rmino \u00ab<strong>modo de color<\/strong>\u00bb o directamente hayas escuchado modo&nbsp;<strong>RGB<\/strong>, modo&nbsp;<strong>CMYK<\/strong>&nbsp;o incluso modo&nbsp;<strong>LAB<\/strong>. \u00bfEs as\u00ed?, \u00bfte suena, aunque s\u00f3lo sea un poco?, \u00bfo es como si te estuviese hablando en chino? No te preocupes, porque no es algo vital, pero nunca est\u00e1 de m\u00e1s aprender t\u00e9rminos nuevos. Por ello, es importante que conozcas la<strong>&nbsp;diferencia entre colores indexados y directos<\/strong>:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Una imagen puede tener&nbsp;<a href=\"https:\/\/en.wikipedia.org\/wiki\/Indexed_color\" target=\"_blank\" rel=\"noreferrer noopener\">indexados<\/a>&nbsp;un&nbsp;<strong>n\u00famero limitado de colores<\/strong>&nbsp;(generalmente s\u00f3lo puede almacenar&nbsp;<strong>256<\/strong>), controlados directamente el autor, que crean el&nbsp;<strong>mapa de color<\/strong>.<\/li>\n\n\n\n<li>Una imagen con&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/Profundidad_de_color\" target=\"_blank\" rel=\"noreferrer noopener\">colores directos<\/a>&nbsp;puede almacenar&nbsp;<strong>varios miles de colores<\/strong>&nbsp;que no han sido elegidos directamente por el autor, por lo que siempre ser\u00e1 una imagen m\u00e1s n\u00edtida.<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-table\"><table><thead><tr><td><strong>Formato de imagen<\/strong><\/td><td><strong>Categor\u00eda<\/strong><\/td><td><strong>Paleta de colores<\/strong><\/td><td><strong>Transparencia<\/strong><\/td><td><strong>Animaci\u00f3n<\/strong><\/td><td><strong>Uso<\/strong><\/td><\/tr><\/thead><tbody><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"90\" src=\"\" alt=\"diferencias formatos imagen gif\"><\/td><td><strong>Lossy<\/strong><\/td><td>Millones de colores<\/td><td><strong>\u2a2f<\/strong><\/td><td><strong>\u2a2f<\/strong><\/td><td>Im\u00e1genes sin animaci\u00f3n<br>Fotograf\u00eda<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"90\" src=\"\" alt=\"diferencias formatos imagen gif\"><\/td><td><strong>Lossless<\/strong><\/td><td>M\u00e1ximo 256 colores<\/td><td>Binario<\/td><td><strong>\u2713<\/strong><\/td><td>Animaciones simples<br>Gr\u00e1ficos con colores planos<br>Gr\u00e1ficos sin degradados<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"90\" src=\"\" alt=\"diferencias formatos imagen png 8\"><\/td><td><strong>Lossless<\/strong><\/td><td>M\u00e1ximo 256 colores<\/td><td><strong>\u2713<\/strong><\/td><td><strong>\u2a2f<\/strong><\/td><td>Uso similar al formato .GIF<br>Mejor transparencia pero sin animaci\u00f3n<br>Es perfecto para iconos<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"90\" src=\"\" alt=\"diferencias formatos imagen png 24\"><\/td><td><strong>Lossless<\/strong><\/td><td>Millones de colores<\/td><td><strong>\u2713<\/strong><\/td><td><strong>\u2a2f<\/strong><\/td><td>Uso similar al formato .PNG-8<br>Im\u00e1genes sin animaci\u00f3n y con transparencia<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"90\" src=\"\" alt=\"diferencias formatos imagen bmp\"><\/td><td><strong>Lossless<\/strong><\/td><td>Millones de colores<\/td><td><strong>\u2a2f<\/strong><\/td><td><strong>\u2a2f<\/strong><\/td><td>Formato de imagen antiguo<br>No hay nada en lo que despunte<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"90\" src=\"\" alt=\"diferencias formatos imagen svg\"><\/td><td><strong>Vector\/Lossless<\/strong><\/td><td>Millones de colores<\/td><td><strong>\u2713<\/strong><\/td><td><strong>\u2a2f<\/strong><\/td><td>Gr\u00e1ficos y logotipos para p\u00e1ginas web<br>Retina \/ pantallas de alta resoluci\u00f3n<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" width=\"68\" height=\"90\" src=\"\" alt=\"diferencias formatos imagen webp\"><\/td><td><strong>Lossy\/Lossless<\/strong><\/td><td>Millones de colores<\/td><td><strong>\u2713<\/strong><\/td><td><strong>\u2713<\/strong><\/td><td>Gr\u00e1ficos y logotipos para p\u00e1ginas web<br>Retina \/ pantallas de alta resoluci\u00f3n<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/es.wikipedia.org\/wiki\/PNG_(desambiguaci%C3%B3n)\" target=\"_blank\" rel=\"noreferrer noopener\">PNG<\/a>&nbsp;es un formato simple que&nbsp;<strong>soporta&nbsp;transparencia y compresi\u00f3n sin p\u00e9rdidas<\/strong>. Permite definir un canal alfa para la imagen, para enmascarar las \u00e1reas transparentes, as\u00ed como una opci\u00f3n para habilitar un compresor&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/Deflaci%C3%B3n_(algoritmo)\" target=\"_blank\" rel=\"noreferrer noopener\">Deflate<\/a>&nbsp;sin p\u00e9rdidas de datos. (Deflate es una combinaci\u00f3n de dos compresores sin p\u00e9rdidas:&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/LZSS\" target=\"_blank\" rel=\"noreferrer noopener\">LZ77<\/a>&nbsp;y&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/Codificaci%C3%B3n_Huffman\" target=\"_blank\" rel=\"noreferrer noopener\">Huffman<\/a>). Dado que la compresi\u00f3n es sin p\u00e9rdidas,&nbsp;<strong>la calidad de imagen sigue siendo id\u00e9ntica a la imagen de origen<\/strong>. Sin embargo, esto causa algunos problemas, ya que<strong>&nbsp;el tama\u00f1o del archivo tiende a subir<\/strong>&nbsp;y no tan peque\u00f1o como deber\u00eda&nbsp;ser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/es.wikipedia.org\/wiki\/Graphics_Interchange_Format\" target=\"_blank\" rel=\"noreferrer noopener\">GIF&nbsp;<\/a>es otro formato que soporta Tabla , adem\u00e1s de&nbsp;<strong>animaciones<\/strong>. El formato GIF contiene&nbsp;<strong>2 etapas de compresi\u00f3n<\/strong>, un paso de paletizaci\u00f3n con p\u00e9rdidas (restringiendo toda la imagen a s\u00f3lo 256 colores), seguido por un compresor&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/LZW\" target=\"_blank\" rel=\"noreferrer noopener\">LZW<\/a>&nbsp;sin p\u00e9rdidas. El proceso de cuantificaci\u00f3n de los colores de la imagen a&nbsp;<strong>s\u00f3lo 256<\/strong>&nbsp;proporciona una reducci\u00f3n de calidad muy alta&nbsp;en beneficio de un mejor&nbsp;tama\u00f1o de compresi\u00f3n, que tiende a producir una mejor compresi\u00f3n LZW. Colt McAnlis dice lo siguiente:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Los compresores m\u00e1s moderno&nbsp;consiguen un rendimiento mayor&nbsp;encadenando varios pasos de codificaci\u00f3n a la vez. Una&nbsp;simple&nbsp;etapa puede modificar el flujo de datos de tal manera que las etapas posteriores pueden comprimir mejor que el flujo de datos en bruto. Los codificadores populares, como la cadena&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/7-Zip\" target=\"_blank\" rel=\"noreferrer noopener\">7zip<\/a>&nbsp;junto con el diccionario de codificaci\u00f3n&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/LZSS\" target=\"_blank\" rel=\"noreferrer noopener\">LZ<\/a>, producen un conjunto reducido de s\u00edmbolos que se pueden consumir de manera m\u00e1s eficiente mediante un algoritmo de&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/Cadena_de_M%C3%A1rkov\" target=\"_blank\" rel=\"noreferrer noopener\">cadena de Markov<\/a>.<\/p>\n<cite><strong>Chris Evans<\/strong>, Relaciones con Desarrolladores de Google<\/cite><\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Si no necesitas ni&nbsp;transparencia ni animaci\u00f3n, entonces&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/Joint_Photographic_Experts_Group\" target=\"_blank\" rel=\"noreferrer noopener\">JPG<\/a>&nbsp;o JPEG es el&nbsp;<strong>formato de imagen ideal<\/strong>. Fue dise\u00f1ado para&nbsp;<strong>manejar la compresi\u00f3n de datos de fotos de alta calidad<\/strong>, pero proporciona un conjunto configurable de opciones de compresi\u00f3n con p\u00e9rdidas, lo que te permite&nbsp;<strong>intercambiar&nbsp;calidad de compresi\u00f3n o&nbsp;tama\u00f1o de la imagen<\/strong>, dependiendo de las necesidades.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Los archivos&nbsp;<strong>SVG<\/strong>, los m\u00e1s nuevos en este juego,&nbsp;<strong>permiten utilizar vectores en lugar de im\u00e1genes<\/strong>, para que las im\u00e1genes de tu sitio web no pierdan calidad en pantallas m\u00e1s grandes (o m\u00e1s peque\u00f1as), evitando el t\u00edpico (y horrible)&nbsp;<strong>pixelado<\/strong>. \u00bfCu\u00e1l es la idea detr\u00e1s de esto? \u00a1Muy f\u00e1cil! Pi\u00e9nsalo, cada vez demandamos m\u00e1s calidad&nbsp;HD en nuestras pantallas (ya sea laptop, smartphone, tablet, etc..), por lo que se necesita un formato ad-hoc a las nuevas tecnolog\u00edas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero si lo que buscas es una&nbsp;<strong>soluci\u00f3n \u00fanica para el formato de tus&nbsp;im\u00e1genes<\/strong>, entonces deber\u00edas echar un vistazo a&nbsp;<a href=\"https:\/\/developers.google.com\/speed\/webp\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebP<\/a>. El formato no s\u00f3lo cuenta con una<strong>&nbsp;calidad de compresi\u00f3n\/tama\u00f1o superior<\/strong>, sino que tambi\u00e9n soporta&nbsp;<strong>transparencias y animaciones<\/strong>. Utiliza una combinaci\u00f3n de compresiones sin p\u00e9rdidas y con p\u00e9rdidas y, al igual que el formato JPG,<strong>&nbsp;te permitir\u00e1 definir el nivel de calidad o el&nbsp;tama\u00f1o del archivo<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por supuesto, este nuevo formato de imagen no ha sido adoptado por&nbsp;todos los navegadores de&nbsp;momento, por lo que los desarrolladores web que lo han adoptado se encuentran actualmente en las&nbsp;<strong>primeras fases de trabajo<\/strong>&nbsp;solucionando problemas de usabilidad. Aunque con un&nbsp;<strong>30% de ahorro m\u00e1s que el&nbsp;JPG<\/strong>, junto con una mayor adopci\u00f3n del servidor demuestra que WebP es un formato a tener en cuenta para el futuro del dise\u00f1o de p\u00e1ginas web.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Consejos y trucos para optimizar las im\u00e1genes de tu web<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfTe hayas parado a pensar la enorme cantidad de&nbsp;<strong>tr\u00e1fico<\/strong>&nbsp;que te pueden traer las&nbsp;<strong>im\u00e1genes<\/strong>&nbsp;desde los&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/buscadores-de-internet-alternativos\/\" target=\"_blank\" rel=\"noreferrer noopener\">buscadores<\/a>? \u00a1En serio! Alguien busca un producto, un lugar, una receta, o una infograf\u00eda en&nbsp;Google&nbsp;y ah\u00ed&nbsp;<strong>deber\u00edan aparecer&nbsp;tus im\u00e1genes<\/strong>. No importa que el nuevo dise\u00f1o del buscador reduzca la cantidad de visitas que puedes recibir, la oportunidad de ser visible y atraer tr\u00e1fico siempre es interesante y jugosa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s, la&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/serps-google-paginas-resultados-busqueda-infografia\/\" target=\"_blank\" rel=\"noreferrer noopener\">b\u00fasqueda universal<\/a>&nbsp;muestra im\u00e1genes en la p\u00e1gina de resultados de forma combinada. Esto significa que no es necesario buscar una imagen para encontrarla, puedes aparecer en cualquier momento (sobretodo para ciertas b\u00fasquedas).&nbsp;Por todo ello, es importante que aprendas a&nbsp;<strong>optimizar tus im\u00e1genes<\/strong>&nbsp;para los buscadores (lo que tambi\u00e9n se conoce como&nbsp;<strong>SEO para im\u00e1genes<\/strong>).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Estoy seguro de que ahora te estar\u00e1s preguntando \u00bf<strong>Optimizo correctamente mis im\u00e1genes de mi sitio web<\/strong>?&nbsp;, o de que incluso ya das por hecho que no las optimizas (no te preocupes, es com\u00fan). Por eso mismo te voy a mostrar en esta gu\u00eda paso a paso, para poder empezar a usar tus im\u00e1genes como una&nbsp;<strong>herramienta m\u00e1s de posicionamiento web<\/strong>. Vamos a ver todos los<strong>&nbsp;puntos de mejora de una imagen<\/strong>:<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Atributo Alt (describe la imagen)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Pese a que la tecnolog\u00eda para el reconocimiento de im\u00e1genes ha avanzado mucho,&nbsp;<strong>los buscadores siguen teniendo problemas para interpretar el contenido de las im\u00e1genes<\/strong>. A d\u00eda de hoy pueden reconocer letras, colores, e incluso caras, pero poco m\u00e1s. Debido a ello necesitas usar el&nbsp;<a href=\"http:\/\/www.w3schools.com\/tags\/att_img_alt.asp\" target=\"_blank\" rel=\"noreferrer noopener\">atributo Alt<\/a>&nbsp;para&nbsp;<strong>describir tus im\u00e1genes<\/strong>.<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">No necesitas preocuparte por el c\u00f3digo, ya que la mayor\u00eda de los gestores de contenido permiten<strong>&nbsp;a\u00f1adir el texto a la etiqueta alt f\u00e1cilmente<\/strong>.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">El nombre de&nbsp;<strong>Alt<\/strong>&nbsp;viene de&nbsp;<strong>alternate text&nbsp;<\/strong>o&nbsp;<strong>texto alternativo<\/strong>, y es lo que utilizan los buscadores para saber&nbsp;<strong>qu\u00e9 es lo que muestra una imagen<\/strong>. Tambi\u00e9n es el texto que se utiliza en lugar de la imagen cuando \u00e9sta no se puede cargar junto con el resto del contenido de la p\u00e1gina. Supongamos que pones en tu web una selecci\u00f3n de los&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/banco-imagenes-gratis-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">mejores bancos de im\u00e1genes gratis<\/a>. El c\u00f3digo HTML de la etiqueta Alt ser\u00eda \u00ab&lt;img src=\u201dhttps:\/\/ignaciosantiago.com\/wp-content\/uploads\/2017\/10\/bancos-imagenes-gratis.jpg\u201d&nbsp;<strong>alt=\u201dLos mejores&nbsp;bancos de&nbsp;im\u00e1genes&nbsp;gratis\u201d<\/strong>&nbsp; \/&gt;\u00bb.&nbsp;La clave para crear buenas etiquetas Alt es:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Nombrar&nbsp;<\/strong>correctamente la imagen.<\/li>\n\n\n\n<li><strong>Describir<\/strong>&nbsp;fielmente el contenido de la imagen.<\/li>\n\n\n\n<li>Incluir la&nbsp;<strong>palabra clave principal<\/strong>&nbsp;en la imagen.<\/li>\n\n\n\n<li>Utilizar la&nbsp;<strong>descripci\u00f3n larga o longdesc<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Nombre del archivo (corto y&nbsp;descriptivo)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">El&nbsp;<strong>nombre del archivo<\/strong>&nbsp;es un&nbsp;<strong>indicador del contenido de la imagen<\/strong>. Piensa que una imagen llamada \u00abtarta-de-chocolate.jpg\u00bb probablemente muestre una tarta de chocolate. Para optimizar el nombre debes intentar ser&nbsp;<strong>corto y descriptivo<\/strong>, y no es necesario que incluyas tanta informaci\u00f3n como en la etiqueta Alt. Lo que no puedes hacer es&nbsp;llamar al archivo de una imagen \u00abfoto.jpg\u00bb sin m\u00e1s.<strong>&nbsp;Este nombre gen\u00e9rico no trae ning\u00fan beneficio en los buscadores<\/strong>. Para hacerlo m\u00e1s descriptivo,&nbsp;debes&nbsp;<strong>meter palabras clave que describan esa imagen<\/strong>. As\u00ed, mediante un nombre m\u00e1s espec\u00edfico, tendr\u00e1s m\u00e1s posibilidades en los rankings de resultados.&nbsp;Un buen nombre de archivo se caracteriza por:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>Representar el contenido<\/strong>&nbsp;de la imagen.<\/li>\n\n\n\n<li>Incluir la<strong>&nbsp;palabra clave principal<\/strong>.<\/li>\n\n\n\n<li>Ser muy&nbsp;<strong>conciso<\/strong>&nbsp;(puedes excluir palabras vac\u00edas).<\/li>\n\n\n\n<li>Utilizar&nbsp;<strong>guiones para separar palabras<\/strong>.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Contexto (rodea tus im\u00e1genes&nbsp;de texto)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Es muy importante que tus&nbsp;<strong>im\u00e1genes est\u00e9n rodeadas de texto<\/strong>, y que ese texto est\u00e9<strong>&nbsp;relacionado con el contenido de la imagen<\/strong>. Con esto me refiero al pie de foto o&nbsp;<em>leyenda<\/em>, pero tambi\u00e9n el texto que hay encima y bajo la imagen, encabezados y&nbsp;t\u00edtulo de la p\u00e1gina&nbsp;(en la medida de lo posible). Ten en cuenta que si el texto que envuelve la imagen no tiene nada que ver, la relevancia para el buscador ser\u00e1 baja. As\u00ed que cuanto m\u00e1s estrecha sea la<strong>&nbsp;relaci\u00f3n existente entre la imagen y el contexto en el que se encuentra<\/strong>, mejor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Tama\u00f1o del archivo (lo m\u00e1s peque\u00f1o posible)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lo ideal es que el&nbsp;<strong>tama\u00f1o del archivo<\/strong>&nbsp;sea<strong>&nbsp;lo m\u00e1s peque\u00f1o posible<\/strong>. De esta forma las im\u00e1genes cargan r\u00e1pido, y eso es algo que premian los buscadores.&nbsp;Pero el tama\u00f1o del archivo depende de 2 cosas:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>Las&nbsp;<strong>dimensiones<\/strong>&nbsp;de la imagen.<\/li>\n\n\n\n<li>La&nbsp;<strong>calidad<\/strong>&nbsp;de la imagen.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si quieres una imagen de grandes dimensiones en un archivo peque\u00f1o,&nbsp;<strong>la calidad se ver\u00e1 afectada<\/strong>. Y si lo que quieres es una imagen de gran calidad, tendr\u00e1s que&nbsp;<strong>reducir las dimensiones<\/strong>. Este compromiso hace del&nbsp;JPG&nbsp;el formato de imagen ideal para los buscadores, aunque puedes utilizar&nbsp;PNG&nbsp;y&nbsp;GIF&nbsp;si sirven mejor a tus prop\u00f3sitos. De modo que a la hora de preparar tus im\u00e1genes:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li><strong>Utiliza JPG<\/strong>&nbsp;siempre que sea posible, ya que ampliamente&nbsp;<strong>aceptado por todos los navegadores<\/strong>.<\/li>\n\n\n\n<li>Emplea las&nbsp;<strong>dimensiones exactas<\/strong>&nbsp;que necesites (no conf\u00edes la reducci\u00f3n de las dimensiones al CMS puesto que carga la imagen completa para luego redimensionarla).<\/li>\n\n\n\n<li>La&nbsp;<strong>calidad JPG media<\/strong>&nbsp;es m\u00e1s que suficiente para cualquier sitio web, pero&nbsp;<strong>no te pases del 75% de optimizaci\u00f3n<\/strong>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Por otro lado, puedes utilizar&nbsp;<a href=\"http:\/\/evernote.com\/intl\/es\/skitch\/\" target=\"_blank\" rel=\"noreferrer noopener\">Skitch<\/a>&nbsp;o&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/ir-a\/snagit\" target=\"_blank\" rel=\"noreferrer noopener\">SnagIt<\/a>&nbsp;para capturar, recortar y reescalar im\u00e1genes. Esta herramienta hace un buen trabajo manteniendo la calidad en las im\u00e1genes, y adem\u00e1s&nbsp;<strong>permite a\u00f1adir anotaciones, formas y dibujos<\/strong>. Otra herramienta interesante y gratuita para trabajar con im\u00e1genes es&nbsp;<a href=\"http:\/\/www.gimp.org.es\/\" target=\"_blank\" rel=\"noreferrer noopener\">GIMP<\/a>. M\u00e1s abajo te ofrezco muchas m\u00e1s, sigue leyendo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Datos Exif (incluye todos los datos posibles)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Exif<\/strong>, o&nbsp;<a href=\"https:\/\/es.wikipedia.org\/wiki\/Exchangeable_image_file_format\" target=\"_blank\" rel=\"noreferrer noopener\">Exchangeable image file format<\/a>, es una especificaci\u00f3n que permite<strong>&nbsp;incluir varios tipos de metadatos dentro del archivo de imagen<\/strong>. Entre estos datos se incluyen detalles espec\u00edficos de la toma, como la exposici\u00f3n, apertura, distancia focal, e incluso las coordenadas geogr\u00e1ficas. Adicionalmente, tambi\u00e9n incluye datos como:<\/p>\n\n\n\n<ul class=\"custom_list wp-block-list\">\n<li>T\u00edtulo de la imagen<\/li>\n\n\n\n<li>Descripci\u00f3n<\/li>\n\n\n\n<li>Nombre y web del autor<\/li>\n\n\n\n<li>Copyright<\/li>\n\n\n\n<li>Categor\u00edas<\/li>\n\n\n\n<li>Otras etiquetas interesantes<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Si bien los buscadores no utilizan los datos Exif como&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/factores-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">factor de peso actualmente<\/a>, los datos s\u00ed que&nbsp;<strong>aparecen en las p\u00e1ginas donde se encuentran&nbsp;esas im\u00e1genes<\/strong>, lo que puede influir en la relevancia. Este el el caso de Flickr, como&nbsp;<a href=\"http:\/\/www.flickr.com\/photos\/gsfc\/6059598183\/meta\/\" target=\"_blank\" rel=\"noreferrer noopener\">se comprueba aqu\u00ed<\/a>.&nbsp;Es posible editar algunos datos y a\u00f1adir informaci\u00f3n relevante sobre la imagen mediante las&nbsp;<strong>propiedades del archivo&nbsp;<\/strong>en Windows (bot\u00f3n derecho). Aunque si de verdad quieres experimentar, es mejor que uses una herramienta avanzada.&nbsp;<a href=\"http:\/\/www.photome.de\/\" target=\"_blank\" rel=\"noreferrer noopener\">PhotoME<\/a>&nbsp;es una opci\u00f3n gratuita.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Descripci\u00f3n larga (cuanta m\u00e1s informaci\u00f3n mejor)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un atributo poco conocido para im\u00e1genes es la&nbsp;<strong>descripci\u00f3n larga<\/strong>&nbsp;o&nbsp;<a href=\"http:\/\/www.w3schools.com\/tags\/att_img_longdesc.asp\" target=\"_blank\" rel=\"noreferrer noopener\">longdesc<\/a>. Como su nombre indica, sirve para incluir una descripci\u00f3n m\u00e1s larga que la que se puede incluir en la etiqueta Alt. La sintaxis para la descripci\u00f3n larga es:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>&lt;img src=\u201dhttps:\/\/ignaciosantiago.com\/wp-content\/uploads\/2017\/10\/bancos-imagenes-gratis.jpg\u201d alt=\u201dLos mejores bancos de im\u00e1genes gratis\u201d&nbsp;<strong>longdesc=\u201dhttp:\/\/example.com\/acerca-de-los-bancos-de-imagenes\u201d<\/strong>&nbsp;\/&gt;<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si te fijas,&nbsp;<em>longdesc<\/em>&nbsp;no incluye una descripci\u00f3n textual, sino la&nbsp;<strong>URL donde encontrarla<\/strong>. \u00c9sta puede ser una p\u00e1gina especialmente creada para incluir la descripci\u00f3n, o la propia p\u00e1gina donde se incluye la imagen, pero eso no tiene mucho sentido. La verdad es que la descripci\u00f3n larga se utiliza muy poco o nada, pero he querido incluirla para que cuentes con toda la informaci\u00f3n posible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Sitemap de im\u00e1genes (chiva a los buscadores tu estructura de im\u00e1genes)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un aspecto esencial de la optimizaci\u00f3n de im\u00e1genes es la&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/alta-en-buscadores-pagina-web\/\" target=\"_blank\" rel=\"noreferrer noopener\">indexaci\u00f3n<\/a>. Las im\u00e1genes deben estar en el \u00edndice del buscador para aparecer en la b\u00fasqueda, pero si el buscador no encuentra tus archivos de imagen&nbsp;dif\u00edcilmente podr\u00e1 registrarlos.&nbsp;Hay una manera de aumentar las posibilidades de que tus im\u00e1genes sean indexadas, y es&nbsp;generando un&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/sitemap-xml\/\" target=\"_blank\" rel=\"noreferrer noopener\">sitemap<\/a>&nbsp;espec\u00edfico para&nbsp;<strong>im\u00e1genes<\/strong>.&nbsp;<a href=\"https:\/\/support.google.com\/webmasters\/bin\/answer.py?hl=es&amp;answer=178636\" target=\"_blank\" rel=\"noreferrer noopener\">Este archivo incluye<\/a>&nbsp;la&nbsp;<strong>URL de cada imagen<\/strong>, pero tambi\u00e9n puede incorporar el t\u00edtulo, la licencia y el pie de foto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Generar enlaces (enlazar la imagen desde otras p\u00e1ginas web)<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Te adelanto que esta t\u00e1ctica es precisamente la m\u00e1s efectiva. Si quieres mejorar la visibilidad de tus im\u00e1genes no hay nada m\u00e1s simple y directo que&nbsp;<strong>conseguir enlaces<\/strong>. S\u00ed, enlaces. Y no s\u00f3lo hacia la p\u00e1gina que contiene la imagen, sino&nbsp;<strong>hacia el propio archivo de imagen<\/strong>.&nbsp;Adem\u00e1s, si&nbsp;<strong>utilizas palabras clave en el texto de enlace<\/strong>&nbsp;(anchor text) puedes mejorar el posicionamiento para esas b\u00fasquedas. Aunque no debes abusar de ello para no despertar las sospechas de los buscadores.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Conclusi\u00f3n: Optimiza el peso y el tama\u00f1o de las im\u00e1genes de tu web<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Como habr\u00e1s podido comprobar, existen multitud de&nbsp;<strong>complementos para optimizar las im\u00e1genes de tu instalaci\u00f3n WordPress<\/strong>. De hecho, utilizar estos plugins te proporcionar\u00e1 beneficios destacados como, por ejemplo, la mejora de la velocidad de carga web, el ahorro del ancho de banda y del espacio web del&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/mejor-hosting-web-alojamiento\/\" target=\"_blank\" rel=\"noreferrer noopener\">hosting web<\/a>&nbsp;y la mejora de la experiencia del usuario. Todo ello influir\u00e1, a su vez, en el&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/guia-seo\/\" target=\"_blank\" rel=\"noreferrer noopener\">posicionamiento SEO<\/a>&nbsp;que te permitir\u00e1 ocupar una mejor posici\u00f3n en los&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/buscadores-de-internet-alternativos\/\" target=\"_blank\" rel=\"noreferrer noopener\">buscadores<\/a>&nbsp;y mejorar tus m\u00e9tricas notablemente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00a1Recuerda! Las im\u00e1genes (junto con el v\u00eddeo),&nbsp;<strong>la parte m\u00e1s visual y que m\u00e1s atrae<\/strong>. Pero esto no significa que la imagen que descargas de un banco de im\u00e1genes la tengas que poner en el tama\u00f1o en el que la descargas (normalmente enorme, por ejemplo, 5.000\u00d72.100px). <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto unido a que la<strong>&nbsp;resoluci\u00f3n media m\u00e1s popular<\/strong>&nbsp;sigue siendo (desde hace a\u00f1os)&nbsp;<strong>1.366 x 768 p\u00edxeles&nbsp;<\/strong>(para ordenadores), y&nbsp;<strong>320\u00d7480<\/strong>&nbsp;y&nbsp;<strong>800\u00d7480<\/strong>&nbsp;(para m\u00f3viles), deja claro que&nbsp;<strong>las im\u00e1genes nunca deben superar los 1.920 x 1.080 p\u00edxeles<\/strong>. En este paso, debes saber que, cuando subes una imagen a WordPress, este&nbsp;<strong>crea varios tama\u00f1os de la misma imagen<\/strong>&nbsp;que utilizara en distintos sitios de la web (eso es algo que debes revisar).<\/p>\n\n\n\n<div class=\"wp-block-group custom_note is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Estos son los mejores plugins para optimizar im\u00e1genes en WordPress:<\/p>\n\n\n\n<ol class=\"custom_list_number wp-block-list\">\n<li><a href=\"\/ir-a\/shortpixel\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored\">ShortPixel Image Optimizer<\/a> &#8211; El m\u00e1s completo.<\/li>\n\n\n\n<li><a href=\"\/ir-a\/smush-pro\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored\">Smush<\/a> &#8211; Mejor optimizaci\u00f3n de imagen.<\/li>\n\n\n\n<li><a href=\"\/ir-a\/imagify\/\" target=\"_blank\" rel=\"noreferrer noopener sponsored\">Imagify<\/a> &#8211; Completo y con gran optimizaci\u00f3n.<\/li>\n<\/ol>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Como puedes observar,&nbsp;<strong>optimizar los archivos multimedia<\/strong>&nbsp;es m\u00e1s importante de lo que crees. Incluso cada vez m\u00e1s las&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">agencias de marketing<\/a>&nbsp;y los&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/servicios\/diseno-web-wordpress-premium\/\" target=\"_blank\" rel=\"noreferrer noopener\">dise\u00f1adores web<\/a>&nbsp;se preocupan por conseguir las&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/tamano-imagenes-redes-sociales\/\" target=\"_blank\" rel=\"noreferrer noopener\">medidas exactas de las im\u00e1genes para redes sociales<\/a>. Si tuviera que recomendarte alguna&nbsp;<strong>herramienta para comprimir las im\u00e1genes<\/strong>&nbsp;mi elecci\u00f3n ser\u00eda&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/ir-a\/shortpixel\/\" target=\"_blank\" rel=\"noreferrer noopener\">ShortPixel Image Optimizer<\/a>,&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/ir-a\/smush-%60pro\/\" target=\"_blank\" rel=\"noreferrer noopener\">Smush<\/a>&nbsp;o&nbsp;<a href=\"https:\/\/ignaciosantiago.com\/ir-a\/imagify\/\" target=\"_blank\" rel=\"noreferrer noopener\">Imagify<\/a>. Solamente con un par de clicks puedes conseguir optimizar las im\u00e1genes a un determinado formato&nbsp;<strong>sin perdidas notables de calidad<\/strong>. De todas maneras, pru\u00e9balas unos d\u00edas y, si se adaptan a tus necesidades, opta por un plan premium.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">\u00bfQu\u00e9 te ha parecido este listado de los&nbsp;<strong>mejores plugins para optimizar im\u00e1genes en WordPress<\/strong>? \u00bfConoc\u00edas todos los complementos que te hemos mostrado para reducir el tama\u00f1o de tus im\u00e1genes y mejorar la velocidad de tu web? \u00bfYa utilizas alguno y quieres contar tu experiencia? \u00bfCrees que nos hemos dejado alguno? \u00bfTe has quedado con alguna duda o pregunta? Entonces te pedimos que&nbsp;<strong>dejes un&nbsp;comentario<\/strong>. Da igual que sea o una duda o un simple gracias, pero nos alegraremos mucho de leerlo y responderlo.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u00bfHas&nbsp;creado una p\u00e1gina web,&nbsp;un&nbsp;blog&nbsp;o una&nbsp;tienda online&nbsp;con WordPress y no sabes c\u00f3mo&nbsp;reducir el peso de las im\u00e1genes? \u00bfEst\u00e1s cansado de que tu sitio web tenga una velocidad de carga lenta por culpa de las im\u00e1genes? \u00bfBuscas un&nbsp;plugin para optimizar im\u00e1genes&nbsp;que sea r\u00e1pido y f\u00e1cil de utilizar, pero desconoces qu\u00e9 plugin es el que mejor se adapta [&hellip;]<\/p>\n","protected":false},"author":6,"featured_media":24055,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_angie_page":false,"iawp_total_views":0,"page_builder":"","footnotes":""},"categories":[201,210,200,228,204],"tags":[],"class_list":["post-24045","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","category-comercio-electronico","category-diseno-y-desarrollo-web","category-optimizacion-web","category-plugins"],"_links":{"self":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/24045","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/comments?post=24045"}],"version-history":[{"count":1,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/24045\/revisions"}],"predecessor-version":[{"id":37935,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/posts\/24045\/revisions\/37935"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/media\/24055"}],"wp:attachment":[{"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/media?parent=24045"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/categories?post=24045"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/clientes.ignaciosantiago.com\/new\/wp-json\/wp\/v2\/tags?post=24045"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}