{"id":39145,"date":"2018-02-15T07:21:36","date_gmt":"2018-02-15T07:21:36","guid":{"rendered":"https:\/\/wp.lvh.me\/blog\/2018\/02\/15\/10-formas-de-reducir-el-tamano-de-las-imagenes-de-tu-web\/"},"modified":"2022-05-08T15:29:27","modified_gmt":"2022-05-08T15:29:27","slug":"10-formas-de-reducir-el-tamano-de-las-imagenes-de-tu-web","status":"publish","type":"post","link":"https:\/\/wpstaging.mailrelay.com\/es\/blog\/2018\/02\/15\/10-formas-de-reducir-el-tamano-de-las-imagenes-de-tu-web\/","title":{"rendered":"10 formas de reducir el tama\u00f1o de las im\u00e1genes de tu web"},"content":{"rendered":"

\"reducir<\/p>\n

A todos nos gusta tener una web con im\u00e1genes de calidad para captar la atenci\u00f3n de nuestros lectores, \u00bfverdad?<\/p>\n

Si tienes una p\u00e1gina en la que ofreces servicios, vendes alg\u00fan producto o simplemente se trata de un blog, seguro que cuentas con decenas de fotograf\u00edas: en los posts, en las p\u00e1ginas est\u00e1ticas o en las de productos, por ejemplo.<\/p>\n

El punto principal a la hora de hablar de las im\u00e1genes en un sitio web no es su uso o la cantidad, sino su tama\u00f1o, y por lo tanto, su peso.<\/p>\n

Por ese motivo, en este art\u00edculo he querido recopilar 10 herramientas para reducir el tama\u00f1o de las fotograf\u00edas de una p\u00e1gina web, blog o ecommerce.<\/p>\n\n

\"\u00a1Env\u00eda<\/a><\/p>\n

\u00b7 \u00bfPor qu\u00e9 debes reducir el tama\u00f1o de las im\u00e1genes de tu web?<\/h2>\n

Antes de empezar a hablar de cada una de estas herramientas, quiero explicarte la importancia de reducir el tama\u00f1o de tus im\u00e1genes web.<\/p>\n

Hoy en d\u00eda, es fundamental que los sitios webs sean r\u00e1pidos, es decir, que tarden pocos segundos en cargar (lo ideal es que lo hagan en menos de 3 segundos).<\/p>\n

Tener las im\u00e1genes web correctamente optimizadas es importante por tres motivos:<\/p>\n

[su_list icon=\u00bbicon: caret-right\u00bb icon_color=\u00bb#008af7″]<\/p>\n

    \n
  1. El tama\u00f1o y peso de las fotograf\u00edas afecta a la velocidad de carga del sitio web<\/strong><\/a>, y acabamos de ver la importancia de que tu sitio sea r\u00e1pido.<\/li>\n
  2. El tiempo de carga es uno de los principales factores que afectan al SEO<\/a><\/strong>, es decir, una web r\u00e1pida posiciona mejor en Google que una lenta (siempre puede haber excepciones, pero la regla general es as\u00ed).<\/li>\n
  3. Es necesario que las im\u00e1genes web<\/a> est\u00e9n adaptadas al tama\u00f1o del sitio<\/strong> en el que est\u00e1n colocadas. Por poner un ejemplo, me suelo encontrar p\u00e1ginas que en el lugar donde va una imagen con 300px de ancho, hay una que ocupa 1000px. Esto es un error habitual en muchas p\u00e1ginas web. Mi consejo es adaptar en peso y tama\u00f1o cada una de las im\u00e1genes de tu sitio web.<\/li>\n<\/ol>\n

    [\/su_list]<\/p>\n

    \u00b7 10 herramientas para reducir el tama\u00f1o de las im\u00e1genes en un sitio web<\/h2>\n

    1) ShortPixel<\/h3>\n

    El objetivo de esta herramienta es mejorar el rendimiento de nuestros sitios web reduciendo el tama\u00f1o de las im\u00e1genes.<\/p>\n

    Est\u00e1 disponible tanto en versi\u00f3n web como en plugin para WordPress e incorpora tres tipos de compresi\u00f3n de fotos:<\/p>\n

    [su_list icon=\u00bbicon: caret-right\u00bb icon_color=\u00bb#008af7″]<\/p>\n

      \n
    1. Lossy compression<\/strong>. Es la mejor opci\u00f3n para la mayor\u00eda de los usuarios. Esta opci\u00f3n permite un equilibrio entre la optimizaci\u00f3n y la calidad de la imagen.<\/li>\n
    2. Glossy compression<\/strong>. Es la mejor opci\u00f3n si est\u00e1s pendiente de Google Insights, pero no te importa sacrificar un poco la velocidad de la p\u00e1gina. Esta opci\u00f3n te permite una compresi\u00f3n aceptable para una calidad de imagen de primera. La calidad disminuye cuanto m\u00e1s se comprime el archivo.<\/li>\n
    3. Lossless compression<\/strong>. La \u00faltima opci\u00f3n permite comprimir p\u00edxel por p\u00edxel respecto a las im\u00e1genes originales, pero ofrece una reducci\u00f3n menor en comparaci\u00f3n con los archivos procesados con las dos anteriores.<\/li>\n<\/ol>\n

      [\/su_list]<\/p>\n

      Sobre a las posibilidades de compresi\u00f3n, la versi\u00f3n web de ShortPixel permite reducir im\u00e1genes en lotes de 50 archivos.<\/p>\n

      En cuanto al plugin para WordPress, es muy f\u00e1cil de usar y adem\u00e1s ligero. Solo tienes que instalarlo y aut\u00e9nticamente se encarga de comprimir todas las im\u00e1genes que tengas subidas, as\u00ed como tus documentos en formato PDF con un solo clic.<\/p>\n

      Adem\u00e1s, las nuevas im\u00e1genes que subas se redimensionan y reajustan autom\u00e1ticamente, sin necesidad de realizar ninguna acci\u00f3n adicional.<\/p>\n

      Por \u00faltimo, mencionar que se trata de una herramienta \u201cfreemium\u201d, es decir, permite comprimir 100 im\u00e1genes al mes de forma gratuita y ofrece con varios planes de pago si superas esa cifra.<\/p>\n

      https:\/\/shortpixel.com\/<\/strong><\/p>\n

      ShortPixel Image Optimizer – Optimiza im\u00e1genes, convierte WebP & AVIF<\/a><\/p><\/blockquote>\n