{"id":16358,"date":"2015-09-03T15:28:36","date_gmt":"2015-09-03T14:28:36","guid":{"rendered":"http:\/\/www.totemguard.com\/aulatotem\/?p=16358"},"modified":"2020-03-03T13:18:28","modified_gmt":"2020-03-03T12:18:28","slug":"como-reducir-el-peso-y-el-tamano-de-una-imagen-para-subirla-a-un-blog","status":"publish","type":"post","link":"https:\/\/www.totemguard.com\/aulatotem\/2015\/09\/como-reducir-el-peso-y-el-tamano-de-una-imagen-para-subirla-a-un-blog\/","title":{"rendered":"C\u00f3mo reducir el peso y el tama\u00f1o de una imagen para subirla a un blog"},"content":{"rendered":"<p>Con frecuencia deseas subir una imagen a tu blog, a un perfil social o a una plataforma de e-learning, pero el peso de ese archivo gr\u00e1fico es muy grande y te ralentiza la carga de esta p\u00e1gina web o supera el l\u00edmite del tama\u00f1o permitido.<\/p>\n<p>Igualmente si est\u00e1s creando un documento e introduces im\u00e1genes de alta resoluci\u00f3n, el archivo resultante ocupar\u00e1 mucho espacio d\u00e1ndote problemas para enviarlo o compartirlo f\u00e1cilmente.<\/p>\n<p>Para solucionar este problema, puedes reducir las dimensiones de la imagen y crear consecuentemente un nuevo archivo m\u00e1s ligero.<\/p>\n<p>Una opci\u00f3n es usar una aplicaci\u00f3n online como <a href=\"http:\/\/webresizer.com\/resizer\/?lang=es\" target=\"_blank\" rel=\"noopener noreferrer\">Webresizer<\/a>, que te explico c\u00f3mo usar en este pr\u00f3ximo v\u00eddeo (2:57 mins).<\/p>\n<p><iframe loading=\"lazy\" title=\"C\u00f3mo reducir el peso y el tama\u00f1o de una imagen sin perder calidad y poder subirla a un blog o editor\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/boWexhSu7Ow?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<p>Si prefieres leer en vez de ver el v\u00eddeo, contin\u00faa debajo.&nbsp;<\/p>\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Entra en la p\u00e1gina web: <a href=\"http:\/\/webresizer.com\/resizer\/?lang=es\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Webresizer  (opens in a new tab)\">Webresizer <\/a>y pulsa en Seleccionar archivo.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"798\" height=\"296\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/WebResizer-disminuir-taman\u0303o-fotos-online-gratis.jpg\" alt=\"WebResizer-disminuir-taman\u0303o-fotos-online-gratis\" class=\"wp-image-21631\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/WebResizer-disminuir-taman\u0303o-fotos-online-gratis.jpg 798w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/WebResizer-disminuir-taman\u0303o-fotos-online-gratis-300x111.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/WebResizer-disminuir-taman\u0303o-fotos-online-gratis-768x285.jpg 768w\" sizes=\"auto, (max-width: 798px) 100vw, 798px\" \/><\/figure>\n\n\n\n<p>Se abrir\u00e1 el explorador de Windows o Finder de MAC, escoges un archivo y pulsas en el bot\u00f3n de Cargar. La imagen a reducir no puede pesar m\u00e1s de 10 MB.<\/p>\n\n\n\n<p>En unos segundos ver\u00e1s que a la derecha de la imagen te muestra la imagen original, la cual quieres reducir por tener un tama\u00f1o demasiado grande, y a la izquierda obtienes la imagen optimizada para su uso web o redes sociales (WhatsApp, Facebook, Instagram, etc.).<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"861\" height=\"658\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/webresizer-reducir-fotos-tamano-online.jpg\" alt=\"webresizer-reducir-fotos-tamano-online\" class=\"wp-image-21632\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/webresizer-reducir-fotos-tamano-online.jpg 861w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/webresizer-reducir-fotos-tamano-online-300x229.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/webresizer-reducir-fotos-tamano-online-768x587.jpg 768w\" sizes=\"auto, (max-width: 861px) 100vw, 861px\" \/><\/figure>\n\n\n\n<p>Ver\u00e1s que la imagen optimizada se ha reducido en un 98% ya que era bastante grande pasando a un tama\u00f1o mucho m\u00e1s reducido de 13.27 Kbytes.<\/p>\n\n\n\n<p>Para que tengas una gu\u00eda orientativa, si se trata de una imagen que vas a poner en un blog o simplemente es una foto de perfil para una red social, puedes dejar la imagen en un peso entre los 10 y 60 kbytes. <\/p>\n\n\n\n<p>De esta manera tendr\u00e1s una calidad suficiente para que la imagen no se vea borrosa, pero reducir\u00e1s considerablemente el peso y dimensiones del archivo.<\/p>\n\n\n\n<p>En el caso que la entrada en el blog, o como adjunto en un documento word, requieras de unas dimensiones m\u00e1s grandes, puedes aumentar los pixeles, que ves configurados en la imagen optimizada.<\/p>\n\n\n\n<p>Para entender el significado del pixel piensa que como m\u00e1s peque\u00f1o sea el tama\u00f1o del ancho por alto de la imagen menos p\u00edxeles son necesarios para que la imagen sea vea n\u00edtida. Por el contrario, como m\u00e1s necesites ampliar una imagen, mayor ha de ser el n\u00famero de pixeles que necesitas para que la imagen no se vea borrosa.<\/p>\n\n\n\n<p>Webresizer te permite variar el tama\u00f1o ajustando el n\u00famero de p\u00edxeles. Introduce los valores que desees en las casillas correspondientes que encontrar\u00e1s debajo de la imagen y as\u00ed podr\u00e1s comparar los distintos tama\u00f1os y calidad disponibles antes de descargar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"834\" height=\"551\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer-cambiar-pixeles-imagen-1.jpg\" alt=\"Web_Resizer-cambiar-pixeles-imagen\" class=\"wp-image-21638\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer-cambiar-pixeles-imagen-1.jpg 834w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer-cambiar-pixeles-imagen-1-300x198.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer-cambiar-pixeles-imagen-1-768x507.jpg 768w\" sizes=\"auto, (max-width: 834px) 100vw, 834px\" \/><\/figure>\n\n\n\n<p>Puedes poner, por ejemplo, 500 pixeles y para aplicar el cambio has de pulsar en el bot\u00f3n Aplicar. <\/p>\n\n\n\n<p>Ver\u00e1s que las dimensiones de la imagen pasan a ser mayores en su ancho por alto y tambi\u00e9n pesa un poco m\u00e1s al tener un mayor n\u00famero de pixeles pero estando todav\u00eda dentro de los par\u00e1metros aceptables.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"605\" src=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer-1024x605.jpg\" alt=\"Web_Resizer\" class=\"wp-image-21641\" srcset=\"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer-1024x605.jpg 1024w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer-300x177.jpg 300w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer-768x454.jpg 768w, https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/Web_Resizer.jpg 1043w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p>Una vez has conseguido el tama\u00f1o \u00f3ptimo para tu prop\u00f3sito, puedes descargar la imagen optimizada pulsando en el bot\u00f3n de Descargar Imagen. <\/p>\n\n\n\n<p>Existen otras herramientas similares como <a rel=\"noreferrer noopener\" aria-label=\"TinyPNG (opens in a new tab)\" href=\"https:\/\/tinypng.com\/\" target=\"_blank\">TinyPNG<\/a>, que funciona de forma muy similar a Webresizer.  Como ventaja tiene un <a rel=\"noreferrer noopener\" aria-label=\"plugin (opens in a new tab)\" href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\">plugin<\/a> que puede instalarse en un blog de WordPress optimizando las im\u00e1genes que subes autom\u00e1ticamente sin tener que subirlas y descargarlas primero en ninguna aplicaci\u00f3n externa.<\/p>\n\n\n\n<p>Como inconveniente tiene un l\u00edmite de 5 MB en el tama\u00f1o de la imagen original que puedes subir a su p\u00e1gina web. Puedes ver c\u00f3mo funciona TinyPNG <a rel=\"noreferrer noopener\" aria-label=\"aqu\u00ed (opens in a new tab)\" href=\"https:\/\/www.instagram.com\/p\/Bqxf7VkgrEz\/\" target=\"_blank\">aqu\u00ed<\/a>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"has-background has-very-light-gray-background-color\">\u00bfUtilizas otras aplicaciones similares para reducir el tama\u00f1o de una imagen? Puedes dejarme un comentario debajo y as\u00ed todos aprendemos de tu experiencia.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Con frecuencia deseas subir una imagen a tu blog, a un perfil social o a una plataforma de e-learning, pero el peso de ese archivo gr\u00e1fico es muy grande y te ralentiza la carga de esta p\u00e1gina web o supera el l\u00edmite del tama\u00f1o permitido. Igualmente si est\u00e1s creando un documento e introduces im\u00e1genes de [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":21662,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[21,22],"tags":[66,128],"class_list":["post-16358","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tecnologia","category-videos","tag-diseno-grafico","tag-tamano"],"aioseo_notices":[],"jetpack_featured_media_url":"https:\/\/www.totemguard.com\/aulatotem\/wp-content\/uploads\/2015\/09\/reducir-tamano-foto-programa.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16358","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/comments?post=16358"}],"version-history":[{"count":34,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16358\/revisions"}],"predecessor-version":[{"id":21890,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/posts\/16358\/revisions\/21890"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/media\/21662"}],"wp:attachment":[{"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/media?parent=16358"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/categories?post=16358"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.totemguard.com\/aulatotem\/wp-json\/wp\/v2\/tags?post=16358"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}