{"id":15879,"date":"2017-06-22T10:28:31","date_gmt":"2017-06-22T10:28:31","guid":{"rendered":"https:\/\/www.4addictic.com\/?p=15879"},"modified":"2019-01-14T15:44:44","modified_gmt":"2019-01-14T15:44:44","slug":"optimizar-nuestras-imagenes","status":"publish","type":"post","link":"https:\/\/pre8.4addictic.com\/4addictic\/optimizar-nuestras-imagenes\/","title":{"rendered":"OPTIMIZAR nuestras im\u00e1genes"},"content":{"rendered":"<p><img decoding=\"async\" class=\"OPTIMIZAR nuestras im\u00e1genes aligncenter wp-image-15901 size-full\" title=\"OPTIMIZAR nuestras im\u00e1genes\" src=\"https:\/\/www.4addictic.com\/wp-content\/uploads\/2017\/05\/Top_Image_Optimization_Tips_Shopify_Blog.jpg\" alt=\"OPTIMIZAR nuestras im\u00e1genes\" width=\"745\" height=\"310\" srcset=\"https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2017\/05\/Top_Image_Optimization_Tips_Shopify_Blog-300x125.jpg 300w, https:\/\/pre8.4addictic.com\/4addictic\/wp-content\/uploads\/2017\/05\/Top_Image_Optimization_Tips_Shopify_Blog.jpg 745w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/p>\n<p>No te ha pasado alguna vez que quieres subir tus fotograf\u00edas a la web o a tu blog y te muestra un error HTTP? \u00bfQu\u00e9 significa y qu\u00e9 podemos hacer al respecto?<\/p>\n<p>Bueno a mi si me ha pasado en muchas ocasiones y antes siempre me lo solucionaban los programadores de la empresa hasta que decid\u00ed aprender a hacerlo yo misma. Y hoy es lo que os voy a explicar para que no depend\u00e1is de nadie y lo pod\u00e1is hacer vosotros solos.<\/p>\n<h2><strong>\u00bfPor qu\u00e9 preocuparte por el tama\u00f1o de tus im\u00e1genes?<\/strong><\/h2>\n<ul>\n<li><strong>La navegaci\u00f3n m\u00f3vil.<\/strong><strong>\u00a0<\/strong>Gran parte de nuestras visitas a nuestro eCommerce o blog es desde el m\u00f3vil. Fotograf\u00edas de peque\u00f1o tama\u00f1o har\u00e1n que nuestra p\u00e1gina no tarde demasiado en cargarse. Nuestros usuarios m\u00f3viles nos lo agradecer\u00e1n.<\/li>\n<li><strong>No perder usuarios.<\/strong>\u00a0Una web lenta y pesada es sin\u00f3nimo de un porcentaje de rebote muy alto. No hagas esperar a tus usuarios, optimiza el peso de tu web.<\/li>\n<li><strong>Posicionamiento SEO.<\/strong>\u00a0Google dispone de un tiempo limitado para rastrear tu web, por lo que cuanto menos pese, m\u00e1s p\u00e1ginas podr\u00e1 rastrear y mejor posicionamiento obtendr\u00e1s.<\/li>\n<\/ul>\n<h2><strong>Formatos de imagen<\/strong><\/h2>\n<p>Los formatos m\u00e1s utilizados son JPG y PNG.<\/p>\n<ul>\n<li><strong>El <\/strong><strong>PNG<\/strong> permite transparencia. Es ideal para im\u00e1genes planas o con grandes espacios blancos, como capturas de pantalla, logotipos, etc.\u00a0<strong>PNG es un formato de imagen sin p\u00e9rdidas<\/strong>, por lo que aunque no reduce tanto el tama\u00f1o como el JPG, la calidad de imagen siempre ser\u00e1 mejor.<\/li>\n<li><strong>El JPG <\/strong>es ideal para <strong>fotograf\u00edas con detalles y muchos colores<\/strong>. Es un formato de compresi\u00f3n con p\u00e9rdidas, es decir, que pierde calidad para reducir el tama\u00f1o, y con ello pierde nitidez, por lo que pueden aparecer aberraciones crom\u00e1ticas en determinadas zonas.<\/li>\n<\/ul>\n<p>Adem\u00e1s de estos,\u00a0<strong>cada vez es m\u00e1s normal utilizar formatos vectoriales<\/strong>\u00a0(.EPS o .SVG) para logotipos e iconos, ya que son totalmente escalables a todas las resoluciones. Otra opci\u00f3n por la que decantarnos<\/p>\n<h2><strong>Programas para OPTIMIZAR im\u00e1genes<\/strong><\/h2>\n<p>Encontramos muchas Webs que nos ayudan a optimizar im\u00e1genes online. Algunas de ellas son gratuitas. Veamos algunas de ellas:<\/p>\n<h3><span style=\"text-decoration: underline;\"><strong>Compressor.io<\/strong><\/span><\/h3>\n<p><span style=\"color: #ff0053;\"><strong><a style=\"color: #ff0053;\" href=\"https:\/\/compressor.io\/\">Compressor.io<\/a><\/strong><\/span>\u00a0Permite comprimir y optimizar tus im\u00e1genes de forma sencilla desde la web. Soporta 4 tipos de formatos:\u00a0<strong>JPEG, PNG, GIF, y SVG<\/strong>; y cuenta con dos tipos de compresi\u00f3n:\u00a0<strong>Lossless\u00a0<\/strong>y<strong>\u00a0Lossy<\/strong><em>. <\/em>La\u00a0primera mantiene la fidelidad de la imagen lo m\u00e1s posible pero resulta en un archivo de mayor tama\u00f1o, y la segunda puede resultar en una\u00a0<strong>reducci\u00f3n de hasta el 90% del tama\u00f1o<\/strong>\u00a0de imagen pero la calidad de la imagen disminuye un poco m\u00e1s.<\/p>\n<h3><span style=\"text-decoration: underline;\"><strong>Kraken<\/strong><\/span><\/h3>\n<p>Muy similar a la anterior.\u00a0<span style=\"color: #ff0053;\"><strong><a style=\"color: #ff0053;\" href=\"https:\/\/kraken.io\/web-interface\">Kraken.io<\/a><\/strong><\/span>\u00a0ofrece una interfaz web para optimizar y comprimir im\u00e1genes. Si pagas una cuenta Pro, tienes opciones extras.<br \/>\nPara los usuarios gratuitos est\u00e1 disponible la herramienta de compresi\u00f3n para archivos JPEG y PNG, y puedes elegir entre\u00a0<strong>\u00abLossy\u00bb <\/strong>y<strong> \u00abLossless\u00bb<\/strong>, adem\u00e1s tu imagen permanece disponible para ser descargada por 12 horas.<\/p>\n<p>Con una <strong>cuenta Pro,<\/strong> Kraken.io te deja comprimir cualquier imagen solo copiando la URL de la misma, elegir el tama\u00f1o de ancho y alto en p\u00edxeles despu\u00e9s de la compresi\u00f3n, subir archivos de hasta 16MB y adem\u00e1s, tienes acceso a tus im\u00e1genes en cualquier momento desde tu propia nube.<\/p>\n<h3><span style=\"text-decoration: underline;\"><strong>TinyJPEG y TinyPNG<\/strong><\/span><\/h3>\n<p>Son dos herramientas de <strong>compresi\u00f3n avanzada de im\u00e1genes en formato PNG y JPEG<\/strong>.<\/p>\n<p><span style=\"color: #ff0053;\"><strong><a style=\"color: #ff0053;\" href=\"https:\/\/tinypng.com\/\">TinyPGN<\/a><\/strong>\u00a0<\/span>utiliza un tipo de compresi\u00f3n inteligente \u00ablossy\u00bb, para reducir el tama\u00f1o de tus archivos PNG, disminuyendo el n\u00famero de colores en la imagen para que use menos bytes al almacenar la data. Un efecto casi invisible, pero que hace una gran diferencia en tama\u00f1o.<\/p>\n<p><span style=\"color: #ff0053;\"><strong><a style=\"color: #ff0053;\" href=\"https:\/\/tinyjpg.com\/\">TinyJPEG<\/a><\/strong><\/span>\u00a0por su lado, hace lo mismo pero con archivos JPEG, como es de esperarse, y es capaz de\u00a0<strong>reducir el tama\u00f1o de un archivo hasta en un 70%<\/strong>\u00a0sin perder nada de calidad a simple vista.<\/p>\n<p>Ambas webs cuentan con un\u00a0<em>plugin<\/em>\u00a0para WordPress, y otro para Photoshop.<\/p>\n<h3><span style=\"text-decoration: underline;\"><strong>Image Optimizer<\/strong><\/span><\/h3>\n<p><span style=\"color: #ff0053;\"><strong><a style=\"color: #ff0053;\" href=\"http:\/\/www.imageoptimizer.net\/Pages\/Home.aspx\">Image Optimizer<\/a><\/strong><\/span>\u00a0es un servicio en l\u00ednea con el que puedes\u00a0<strong>redimensionar, comprimir, y optimizar im\u00e1genes<\/strong>. Solo necesitas subir el archivo, elegir el tama\u00f1o de salida, y escoger entre 6 tipos diferentes de compresi\u00f3n que var\u00edan de muy peque\u00f1o, a la mejor calidad.<\/p>\n<p>Tambi\u00e9n ofrece una\u00a0<strong>aplicaci\u00f3n nativa para Windows<\/strong>\u00a0que puedes descargar de forma gratuita para uso personal.<\/p>\n<h3><span style=\"text-decoration: underline;\"><strong>ImageOptim<\/strong><\/span><\/h3>\n<p>Para los\u00a0<strong>usuarios de Mac OS X<\/strong>\u00a0est\u00e1\u00a0<strong><span style=\"color: #ff0053;\"><a style=\"color: #ff0053;\" href=\"https:\/\/imageoptim.com\/\">ImageOptim<\/a><\/span>. <\/strong>Una aplicaci\u00f3n <strong>completamente gratuita<\/strong>\u00a0y muy sencilla de utilizar. Pero a la vez muy poderosa para: comprimir im\u00e1genes, remover metadata basura innecesaria y ahorrar espacio. Te permite comprimir varias im\u00e1genes a la vez, est\u00e1 en m\u00faltiples idiomas (incluido espa\u00f1ol), soporta PNG y JPEG, y adem\u00e1s es open source.<\/p>\n<h2><strong>CONCLUSI\u00d3N<\/strong><\/h2>\n<p>Ya no tenemos m\u00e1s excusa para no saber optimizar nuestras im\u00e1genes. Con estas herramientas que encontramos en l\u00ednea nos valdremos por nosotros mismos para llevar al d\u00eda nuestra Web o Blog usando fotograf\u00edas de calidad pero bien optimizadas.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>No te ha pasado alguna vez que quieres subir tus fotograf\u00edas a la web o a tu blog y te muestra un error HTTP? \u00bfQu\u00e9 significa y qu\u00e9 podemos hacer al respecto? Bueno a mi si me ha pasado en muchas ocasiones y antes siempre me lo solucionaban los programadores de la empresa hasta que [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[59,67],"tags":[],"yst_prominent_words":[],"acf":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"td_150x0":false,"td_218x150":false,"td_300x0":false,"td_324x400":false,"td_485x360":false,"td_696x0":false,"td_1068x0":false,"td_1920x0":false,"the_grid_size1":false,"the_grid_size2":false,"the_grid_size3":false,"the_grid_size4":false,"the_grid_size5":false,"portfolio-full":false,"portfolio-one":false,"portfolio-two":false,"portfolio-three":false,"portfolio-five":false},"uagb_author_info":{"display_name":"Melania Llobregat","author_link":"https:\/\/pre8.4addictic.com\/4addictic\/author\/mllobregat\/"},"uagb_comment_info":0,"uagb_excerpt":"No te ha pasado alguna vez que quieres subir tus fotograf\u00edas a la web o a tu blog y te muestra un error HTTP? \u00bfQu\u00e9 significa y qu\u00e9 podemos hacer al respecto? Bueno a mi si me ha pasado en muchas ocasiones y antes siempre me lo solucionaban los programadores de la empresa hasta que&hellip;","blog_post_layout_featured_media_urls":{"thumbnail":"","full":""},"categories_names":{"59":{"name":"Blog","link":"https:\/\/pre8.4addictic.com\/4addictic\/category\/blog\/"},"67":{"name":"Posicionamiento en buscadores","link":"https:\/\/pre8.4addictic.com\/4addictic\/category\/blog\/posicionamiento-en-buscadores\/"}},"tags_names":[],"comments_number":"0","_links":{"self":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/15879"}],"collection":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/comments?post=15879"}],"version-history":[{"count":5,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/15879\/revisions"}],"predecessor-version":[{"id":15906,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/posts\/15879\/revisions\/15906"}],"wp:attachment":[{"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/media?parent=15879"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/categories?post=15879"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/tags?post=15879"},{"taxonomy":"yst_prominent_words","embeddable":true,"href":"https:\/\/pre8.4addictic.com\/4addictic\/wp-json\/wp\/v2\/yst_prominent_words?post=15879"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}