{"id":177,"date":"2021-09-20T10:43:00","date_gmt":"2021-09-20T09:43:00","guid":{"rendered":"https:\/\/birdcom.es\/blog\/?p=177"},"modified":"2023-01-23T17:30:55","modified_gmt":"2023-01-23T16:30:55","slug":"reducir-el-peso-de-una-imagen-nivel-leyenda","status":"publish","type":"post","link":"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/","title":{"rendered":"Reducir el peso de una imagen nivel Leyenda"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A menudo nos encontramos con el problema de que tenemos una imagen muy bonita para publicarla en nuestro blog o web pero es muy pesada y queremos reducir su tama\u00f1o al m\u00ednimo posible sin perder calidad.<\/p>\n\n\n\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_85 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de Contenidos<\/p>\n<label for=\"ez-toc-cssicon-toggle-item-6a3b3ab5ec89b\" class=\"ez-toc-cssicon-toggle-label\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #00B9FB;color:#00B9FB\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #00B9FB;color:#00B9FB\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/label><input type=\"checkbox\"  id=\"ez-toc-cssicon-toggle-item-6a3b3ab5ec89b\"  aria-label=\"Alternar\" \/><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#%C2%BFQue_archivo_de_imagen_pesa_menos\" >\u00bfQu\u00e9 archivo de imagen pesa menos?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#%C2%BFComo_hago_que_una_imagen_JPG_pese_menos\" >\u00bfC\u00f3mo hago que una imagen JPG pese menos?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#Bajar_el_peso_de_una_imagen_en_Photoshop\" >Bajar el peso de una imagen en Photoshop<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#Bajar_el_peso_a_una_imagen_online\" >Bajar el peso a una imagen online<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#Krakenio\" >Kraken.io<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#Squoosh\" >Squoosh<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#Plugins_para_reducir_peso_de_las_imagenes_WordPress_o_Woocommerce\" >Plugins para reducir peso de las im\u00e1genes WordPress o Woocommerce<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#Otras_herramientas_para_reducir_el_peso_de_una_imagen_PNG_o_JPG\" >Otras herramientas para reducir el peso de una imagen PNG o JPG<\/a><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFQue_archivo_de_imagen_pesa_menos\"><\/span>\u00bfQu\u00e9 archivo de imagen pesa menos?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Nos encontramos con multitud de extensiones de archivo de imagen, aunque las m\u00e1s conocidas son .TIFF, .PNG, .JPG y .GIF<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>El Formato TIFF son las m\u00e1s pesadas de esta selecci\u00f3n ya que es un formato sin p\u00e9rdida y orientado 100% para la edici\u00f3n de fotograf\u00eda.<\/li><li>El .GIF es un formato con im\u00e1genes con una variedad m\u00e1xima de 256 colores (8 bit) lo que hace que la calidad no sea la m\u00e1s \u00f3ptima pero con la ventaja de dar la opci\u00f3n a la animaci\u00f3n.<\/li><li>Las im\u00e1genes en PNG tienen un peso algo mayor al .jpg pero tampoco excesivo.&nbsp; La ventaja que tiene esta respecto a jpg es la posibilidad de aplicar transparencias; algo muy \u00fatil a nivel de dise\u00f1o web.<\/li><li>La extensi\u00f3n .JPEG es un formato mucho m\u00e1s ligero pero con p\u00e9rdida.&nbsp; \u00bfQu\u00e9 significa esto? Que la calidad no es la m\u00e1s \u00f3ptima.&nbsp; Puedes hacer la prueba a abrir una imagen .jpg con un editor de im\u00e1genes y darle a guardar, cerrarla, volverla a abrir, guardar, cerrar, abrir&#8230; y as\u00ed sucesivas veces y comprobar\u00e1s que la imagen pierde calidad.&nbsp; <strong>Esta opci\u00f3n es la m\u00e1s utilizada a d\u00eda de hoy en las webs.<\/strong><\/li><li><strong>WebP ser\u00eda el formato m\u00e1s adecuado para utilizar para web<\/strong> aunque no es el m\u00e1s extendido todav\u00eda.&nbsp; Fue lanzado por Google en el ya lejano 2010 y permite aligerar el peso de las im\u00e1genes en hasta un 30% que si estuvieran en .jpg o .png<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"%C2%BFComo_hago_que_una_imagen_JPG_pese_menos\"><\/span>\u00bfC\u00f3mo hago que una imagen JPG pese menos?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Lo primero que tenemos que valorar es el tama\u00f1o de esta.&nbsp; Si en el sitio el cual vamos a poner dicha imagen el tama\u00f1o m\u00e1ximo en el que va a mostrarse es de, por ejemplo, 800x600px\u2026 \u00bfpara qu\u00e9 quiero una imagen de 4800x2600px?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tendremos que utilizar una herramienta editora de im\u00e1genes como puede ser Photoshop o, si es para web o blog el mismo WordPress desde hace a\u00f1os que da la posibilidad de edici\u00f3n de im\u00e1genes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como ocurre en las personas, al reducir su tama\u00f1o conseguimos que reduzca su peso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Otro aspecto a tener en cuenta es la resoluci\u00f3n<\/strong> de la misma.&nbsp; Las pantallas muestran las im\u00e1genes en 72 ppp y sin embargo muchas im\u00e1genes est\u00e1n a una resoluci\u00f3n mayor, haciendo que esta aumente su peso considerablemente.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-photoshop.jpg\" alt=\"bajar peso imagen photoshop\" class=\"wp-image-183\" srcset=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-photoshop.jpg 800w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-photoshop-300x225.jpg 300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-photoshop-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Pero todav\u00eda podemos bajarlo m\u00e1s\u2026 <strong>\u00a1mucho m\u00e1s!<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bajar_el_peso_de_una_imagen_en_Photoshop\"><\/span>Bajar el peso de una imagen en Photoshop<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Esta es una de las opciones pero no la que m\u00e1s te recomiendo a d\u00eda de hoy; digamos que se ha quedado algo desfasada esta herramienta en cuanto a la opci\u00f3n de aligerar peso en una imagen (al menos hasta Adobe Photoshop CC 2021).<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Ajustaremos el tama\u00f1o y resoluci\u00f3n de la imagen con la herramienta recortar.<\/li><li>En la barra de herramientas, indicaremos el <strong>ancho, alto y la resoluci\u00f3n<\/strong>.&nbsp; Una vez ajustado, seleccionamos la parte que vamos a recortar y pulsamos Enter.<\/li><li>Una vez tenemos la imagen al tama\u00f1o y resoluci\u00f3n deseada, vamos a la barra de Men\u00fa a Archivo-Exportar-Guardar para web.&nbsp; Aqu\u00ed, ajustaremos los niveles a medida <strong>aunque con los Ajustes Preestablecidos que trae por defecto nos puede servir<\/strong>.<\/li><\/ol>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-de-peso-imagen-en-photoshop.jpg\" alt=\"bajar de peso imagen en photoshop\" class=\"wp-image-181\" srcset=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-de-peso-imagen-en-photoshop.jpg 800w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-de-peso-imagen-en-photoshop-300x225.jpg 300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-de-peso-imagen-en-photoshop-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Bajar_el_peso_a_una_imagen_online\"><\/span>Bajar el peso a una imagen online<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Existen varias herramientas para reducir online el peso de una imagen.&nbsp; Vamos a destacar 2 como son Kraken.io (de pago) y Squoosh (gratuita).<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Krakenio\"><\/span><a href=\"https:\/\/kraken.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Kraken.io<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Es una herramienta como hemos nombrado antes de pago, pero la verdad que el coste mensual es irrisorio si comparas con la cantidad de trabajo que puede llegar a ahorrarte.&nbsp; Adem\u00e1s, cuenta con un plugin exclusivo para WordPress lo que hace que sea todav\u00eda m\u00e1s c\u00f3modo ayudando a optimizar las im\u00e1genes que ya est\u00e1n subidas en tu site.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"470\" src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/optimizar-imagen-con-kraken-io.jpg\" alt=\"optimizar imagen con kraken io\" class=\"wp-image-179\" srcset=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/optimizar-imagen-con-kraken-io.jpg 800w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/optimizar-imagen-con-kraken-io-300x176.jpg 300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/optimizar-imagen-con-kraken-io-768x451.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Planes de precios de la herramienta Kraken.io<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Squoosh\"><\/span><a href=\"https:\/\/squoosh.app\/\" target=\"_blank\" data-type=\"URL\" data-id=\"https:\/\/squoosh.app\/\" rel=\"noreferrer noopener\">Squoosh<\/a><span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una herramienta que lanz\u00f3 Google en 2018.&nbsp; <strong>Totalmente gratuita y que la verdad funciona muy bien.<\/strong>&nbsp; Simplemente tienes que arrastrar la imagen que deseas optimizar y con unos simples pasos puedes reducir su tama\u00f1o, elegir compresi\u00f3n y el tipo de formato en el que exportarlo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El \u00fanico \u201cpero\u201d que puedo ponerle es que las im\u00e1genes han de ser optimizadas una a una y eso puede ser una lata en m\u00e1s de una ocasi\u00f3n.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"600\" src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-online-squoosh.jpg\" alt=\"squoosh herramienta online para bajar de peso una imagen\" class=\"wp-image-178\" srcset=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-online-squoosh.jpg 800w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-online-squoosh-300x225.jpg 300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-online-squoosh-768x576.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Interfaz de la herramienta online Squoosh<\/figcaption><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Plugins_para_reducir_peso_de_las_imagenes_WordPress_o_Woocommerce\"><\/span>Plugins para reducir peso de las im\u00e1genes WordPress o Woocommerce<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Y a nivel de plugin para WordPress, yo personalmente he utilizado varios y me quedo con 2.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Resmush.it: Es un plugin gratuito, lo puedes encontrar en el respositorio de WordPress y la verdad que a mi me ha funcionado bastante bien.<\/li><li>Imagify: Plugin de pago.&nbsp; <strong>Para trabajos en masa es una muy buena soluci\u00f3n<\/strong> y el coste es muy bajo para el trabajo que realiza mientras t\u00fa est\u00e1s a otras cosas.<\/li><\/ul>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Otras_herramientas_para_reducir_el_peso_de_una_imagen_PNG_o_JPG\"><\/span>Otras herramientas para reducir el peso de una imagen PNG o JPG<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Encontramos otros softwares para instalar en nuestro ordenador como son para Mac \u201c<a href=\"https:\/\/imageoptim.com\/es.html\" target=\"_blank\" rel=\"noopener\">ImageOptim<\/a>\u201d y Windows \u201c<a href=\"https:\/\/nikkhokkho.sourceforge.io\/static.php?page=FileOptimizer\" target=\"_blank\" rel=\"noopener\">FileOptimizer<\/a>\u201d que permiten reducir el peso sin perder calidad (esto depende de c\u00f3mo tengas configuradas las Preferencias).<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Personalmente utilizo la primera, ImageOptim y funciona muy bien.&nbsp; La ventaja respecto a las herramientas online como Squoosh es que deja hacer optimizaci\u00f3n en masa.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"481\" src=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-imageoptim.jpg\" alt=\"ImageOptim software para mac para bajar de peso imagenes\" class=\"wp-image-180\" srcset=\"https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-imageoptim.jpg 800w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-imageoptim-300x180.jpg 300w, https:\/\/birdcom.es\/blog\/wp-content\/uploads\/2021\/10\/bajar-peso-imagen-imageoptim-768x462.jpg 768w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption>Panel de preferencias de ImageOptim, herramienta de optimizaci\u00f3n de im\u00e1genes para Mac<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Espero que te haya ayudado, si conoces alguna herramienta m\u00e1s que utilices en tu d\u00eda a d\u00eda por favor escr\u00edbela en los comentarios.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>A menudo nos encontramos con el problema de que tenemos una imagen muy bonita para publicarla en nuestro blog o web pero es muy pesada y queremos reducir su tama\u00f1o al m\u00ednimo posible sin perder calidad. \u00bfQu\u00e9 archivo de imagen pesa menos? Nos encontramos con multitud de extensiones de archivo de imagen, aunque las m\u00e1s &#8230; <\/p>\n<p class=\"read-more-container\"><a title=\"Reducir el peso de una imagen nivel Leyenda\" class=\"read-more button\" href=\"https:\/\/birdcom.es\/blog\/reducir-el-peso-de-una-imagen-nivel-leyenda\/#more-177\" aria-label=\"M\u00e1s en Reducir el peso de una imagen nivel Leyenda\">Leer m\u00e1s<\/a><\/p>\n","protected":false},"author":6,"featured_media":272,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-177","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-consejos-posicionamiento-seo","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-50","no-featured-image-padding"],"_links":{"self":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts\/177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/comments?post=177"}],"version-history":[{"count":0,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/posts\/177\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/media\/272"}],"wp:attachment":[{"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/media?parent=177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/categories?post=177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/birdcom.es\/blog\/wp-json\/wp\/v2\/tags?post=177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}