{"id":9081,"date":"2018-01-23T08:22:37","date_gmt":"2018-01-23T07:22:37","guid":{"rendered":"https:\/\/www.4webs.es\/blog\/?p=9081"},"modified":"2018-01-23T08:43:02","modified_gmt":"2018-01-23T07:43:02","slug":"herramientas-optimizar-las-imagenes-tienda-prestashop","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop","title":{"rendered":"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p>Uno de los factores que provoca que nuestra web vaya lenta, es el peso de las im\u00e1genes. Cuantas m\u00e1s im\u00e1genes subimos que no est\u00e1n optimizadas, m\u00e1s megas a\u00f1adimos y <a href=\"https:\/\/www.4webs.es\/blog\/5-claves-mejorar-la-velocidad-carga-tienda-prestashop\">reducimos la velocidad de carga<\/a>. En este art\u00edculo vamos a ver una serie de herramientas con las que <strong>optimizar nuestras im\u00e1genes para la tienda Prestashop<\/strong>. Las im\u00e1genes son un contenido visual muy importante sobre todo si tenemos una tienda online ya que generan confianza y ayudan a describir y ver c\u00f3mo es el producto. Al no tener la posibilidad de verlo como en una tienda f\u00edsica, una imagen real es la clave para que el usuario sepa el producto que va a adquirir y por lo tanto que no haya clientes insatisfechos, enfadados ni realizando devoluciones innecesarias y mucho menos que se vayan a la competencia.<\/p>\n<h2>\u00bfPor qu\u00e9 debemos optimizar las im\u00e1genes?<\/h2>\n<p>Debido a la <strong>resoluci\u00f3n y tama\u00f1o<\/strong> de las im\u00e1genes, la <strong>velocidad de carga disminuye<\/strong> como hemos dicho anteriormente. Esto es imperdonable a d\u00eda de hoy y m\u00e1s sabiendo que el usuario es un ser impaciente que no est\u00e1 dispuesto a esperar si hay otros ecommerce que le ofrecen lo mismo al instante. La velocidad lenta provoca el <a href=\"https:\/\/www.4webs.es\/blog\/mejorar-porcentaje-rebote-ecommerce\">aumento del porcentaje de rebote<\/a> y no solo eso sino que Google, el motor de b\u00fasqueda por excelencia, te pondr\u00eda las cosas muy dif\u00edciles e incluso te podr\u00eda penalizar porque el <strong>posicionamiento SEO se ve afectado<\/strong>. Google premia a las webs veloces y adaptadas al entorno mobile porque el comprador online cada vez adquiere m\u00e1s productos a trav\u00e9s del m\u00f3vil o al menos se informa y lee opiniones para luego decidirse.<\/p>\n<h3>Tama\u00f1o, resoluci\u00f3n y formato en las im\u00e1genes<\/h3>\n<ul>\n<li><strong>Formato<\/strong>. Hay varios formatos con los que guardar tus im\u00e1genes: <strong>JPG<\/strong>, <strong>PNG<\/strong> y <strong>GIF<\/strong> son los m\u00e1s conocidos y usados pero cada uno de ellos aportar\u00e1n un nivel de calidad y peso diferente al resto. Por ejemplo, JPG que es el formato por excelencia a la hora de guardar las im\u00e1genes, es el mejor porque comprime pero no pierde ni el tono ni los colores originales de la <a href=\"https:\/\/www.4webs.es\/blog\/tecnica-del-knolling-fotografia-producto\">fotograf\u00eda<\/a>. De hecho, puedes modificar la calidad entre 0 y 100 es m\u00e1s, si guardamos la foto a una calidad alta en vez de muy alta, por ejemplo en un 80, apenas pierde calidad pero s\u00ed peso ya que ocupar\u00eda un 30% menos. PNG es estupendo para guardar transparencias como logotipos o im\u00e1genes con colores planos. No pierde gran calidad en la compresi\u00f3n y podemos elegir entre PNG-8 y PNG-24 que esto es porque el 8 almacena hasta 256 colores y el de 24 16 millones. El GIF se usa si las im\u00e1genes tienen alg\u00fan tipo de animaci\u00f3n y hay que saber que no comprime a muy buena calidad porque estas animaciones incluyen varios fotogramas.<\/li>\n<\/ul>\n<ul>\n<li><strong>Resoluci\u00f3n<\/strong>. No es lo mismo una imagen que tiene como destino estar presente en una web que una que va a ser impresa. Son dos tipos de soporte que necesitan un tipo de resoluci\u00f3n y calidad distintas. Si vamos a imprimir, necesitamos que la imagen tenga una resoluci\u00f3n de 300ppp (en un cartel por ejemplo) y para Internet, como m\u00ednimo 72ppp para que la imagen tenga calidad. Como ves, hay una gran diferencia.<\/li>\n<li><strong>Tama\u00f1o<\/strong>. Por lo general se suele guardar la imagen en el tama\u00f1o que viene por defecto o incluso a un tama\u00f1o mayor pensando que as\u00ed se ver\u00e1 much\u00edsimo mejor en nuestra p\u00e1gina web. Esto es un error porque la calidad depende de la resoluci\u00f3n y el tipo de formato que hemos explicado antes, no del tama\u00f1o. Pero el peso s\u00ed que est\u00e1 influido por el tama\u00f1o de la imagen. Exporta las im\u00e1genes al tama\u00f1o real en el que se mostrar\u00e1 en tu web, por ejemplo, si en tu web el tama\u00f1o real es de 840px x 440px, no la guardes a 1000px, \u00bfno?. As\u00ed disminuyes considerablemente el peso sin perder ni calidad ni pixelizarlas.<\/li>\n<\/ul>\n<h3>Comprobar si tenemos que optimizar im\u00e1genes<\/h3>\n<p>Os hemos hablado en otros art\u00edculos sobre <strong>PageSpeed<\/strong>, la herramienta de Google gratuita para <strong>comprobar la velocidad de carga de una web<\/strong>. Es muy sencilla de utilizar y simplemente introduciendo la url y haciendo click en el bot\u00f3n de analizar, veremos un resumen de sugerencias como elementos que debemos corregir, elementos que est\u00e1n bien y los que podemos plantearnos corregir tanto para m\u00f3vil como para ordenador. Si nos vamos a la opci\u00f3n de \u00ab<strong>Elementos que debes corregir<\/strong>\u00ab, en el apartado de optimizar im\u00e1genes, Google nos sugiere c\u00f3mo podemos corregir ese error. Nos dice qu\u00e9 im\u00e1genes debemos cambiar su tama\u00f1o y nosotros os aconsejamos este par de herramientas ahora s\u00ed, para optimizar las im\u00e1genes para Prestashop:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-9089\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-pagespeed.jpg\" alt=\"\" width=\"750\" height=\"269\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-pagespeed.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-pagespeed-300x108.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><\/p>\n<h4>M\u00f3dulo Compresor de imagen<\/h4>\n<p>Este m\u00f3dulo reduce el tama\u00f1o de las im\u00e1genes tanto en formato PNG y JPG adem\u00e1s de mantener la calidad y mejorar la velocidad de carga. Hay varias maneras de usar este m\u00f3dulo TinyPNG, la versi\u00f3n free por ejemplo, se podr\u00e1 comprimir de forma gratuita pero con limitaci\u00f3n ya que solo comprimir\u00e1 hasta 500 im\u00e1genes cada mes pero si tienes una tienda online con pocos productos, con esta versi\u00f3n es suficiente. La versi\u00f3n de pago incluye poder comprimir im\u00e1genes sin necesitar una clave API.<\/p>\n<figure id=\"attachment_9087\" aria-describedby=\"caption-attachment-9087\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9087 size-full\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/modulo-compresor-imagen-tinypng-prestashop.jpg\" alt=\"\" width=\"750\" height=\"418\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/modulo-compresor-imagen-tinypng-prestashop.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/modulo-compresor-imagen-tinypng-prestashop-300x167.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-9087\" class=\"wp-caption-text\">Configuraci\u00f3n del m\u00f3dulo TinyPNG. Cr\u00e9dito de la imagen: TinyPNG<\/figcaption><\/figure>\n<h4>ImageOptim<\/h4>\n<p>Es un compresor de imagen con diferentes planes de precios. Elimina metadatos que no son necesarios y que vienen con las c\u00e1maras digitales, comentarios o im\u00e1genes embebidas y comprime las im\u00e1genes sin perder calidad. Simplemente con subir las im\u00e1genes en la ventana del ImageOptim har\u00e1 autom\u00e1ticamente la optimizaci\u00f3n.<\/p>\n<figure id=\"attachment_9088\" aria-describedby=\"caption-attachment-9088\" style=\"width: 750px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-9088 size-full\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/imageoptim.jpg\" alt=\"\" width=\"750\" height=\"269\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/imageoptim.jpg 750w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/imageoptim-300x108.jpg 300w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 984px) 61vw, (max-width: 1362px) 45vw, 600px\" \/><figcaption id=\"caption-attachment-9088\" class=\"wp-caption-text\">Resultado tras usar la herramienta. Cr\u00e9dito de la imagen: Imageoptim<\/figcaption><\/figure>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>\u00bfC\u00f3mo podemos optimizar im\u00e1genes y que no pierdan calidad? \u00bfQu\u00e9 diferencias hay entre tama\u00f1o, resoluci\u00f3n y formato? Una imagen pesada reduce la velocidad web<\/p>\n","protected":false},"author":5,"featured_media":9090,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[162],"tags":[],"class_list":{"0":"post-9081","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-prestashop"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop | 4webs.es<\/title>\n<meta name=\"description\" content=\"\u00bfC\u00f3mo podemos optimizar im\u00e1genes y que no pierdan calidad? \u00bfQu\u00e9 diferencias hay entre tama\u00f1o, resoluci\u00f3n y formato? Una imagen pesada reduce la velocidad web\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"\u00bfC\u00f3mo podemos optimizar im\u00e1genes y que no pierdan calidad? \u00bfQu\u00e9 diferencias hay entre tama\u00f1o, resoluci\u00f3n y formato? Una imagen pesada reduce la velocidad web\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop\" \/>\n<meta property=\"og:site_name\" content=\"4webs\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/4webs\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-23T07:22:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-23T07:43:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-para-prestashop.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"840\" \/>\n\t<meta property=\"og:image:height\" content=\"440\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Redacci\u00f3n 4webs\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@4webs\" \/>\n<meta name=\"twitter:site\" content=\"@4webs\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Redacci\u00f3n 4webs\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop\"},\"author\":{\"name\":\"Redacci\u00f3n 4webs\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"headline\":\"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop\",\"datePublished\":\"2018-01-23T07:22:37+00:00\",\"dateModified\":\"2018-01-23T07:43:02+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop\"},\"wordCount\":1024,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/optimizar-imagenes-para-prestashop.jpg\",\"articleSection\":[\"Prestashop\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop\",\"name\":\"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/optimizar-imagenes-para-prestashop.jpg\",\"datePublished\":\"2018-01-23T07:22:37+00:00\",\"dateModified\":\"2018-01-23T07:43:02+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\"},\"description\":\"\u00bfC\u00f3mo podemos optimizar im\u00e1genes y que no pierdan calidad? \u00bfQu\u00e9 diferencias hay entre tama\u00f1o, resoluci\u00f3n y formato? Una imagen pesada reduce la velocidad web\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/optimizar-imagenes-para-prestashop.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2018\\\/01\\\/optimizar-imagenes-para-prestashop.jpg\",\"width\":840,\"height\":440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/herramientas-optimizar-las-imagenes-tienda-prestashop#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/\",\"name\":\"4webs\",\"description\":\"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/62f884c014f31a905b25c80c2a62c7f6\",\"name\":\"Redacci\u00f3n 4webs\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g\",\"caption\":\"Redacci\u00f3n 4webs\"},\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/redaccion\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop | 4webs.es","description":"\u00bfC\u00f3mo podemos optimizar im\u00e1genes y que no pierdan calidad? \u00bfQu\u00e9 diferencias hay entre tama\u00f1o, resoluci\u00f3n y formato? Una imagen pesada reduce la velocidad web","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop","og_locale":"es_ES","og_type":"article","og_title":"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop | 4webs.es","og_description":"\u00bfC\u00f3mo podemos optimizar im\u00e1genes y que no pierdan calidad? \u00bfQu\u00e9 diferencias hay entre tama\u00f1o, resoluci\u00f3n y formato? Una imagen pesada reduce la velocidad web","og_url":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2018-01-23T07:22:37+00:00","article_modified_time":"2018-01-23T07:43:02+00:00","og_image":[{"width":840,"height":440,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-para-prestashop.jpg","type":"image\/jpeg"}],"author":"Redacci\u00f3n 4webs","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Redacci\u00f3n 4webs","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop"},"author":{"name":"Redacci\u00f3n 4webs","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"headline":"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop","datePublished":"2018-01-23T07:22:37+00:00","dateModified":"2018-01-23T07:43:02+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop"},"wordCount":1024,"commentCount":0,"image":{"@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-para-prestashop.jpg","articleSection":["Prestashop"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop","url":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop","name":"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-para-prestashop.jpg","datePublished":"2018-01-23T07:22:37+00:00","dateModified":"2018-01-23T07:43:02+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6"},"description":"\u00bfC\u00f3mo podemos optimizar im\u00e1genes y que no pierdan calidad? \u00bfQu\u00e9 diferencias hay entre tama\u00f1o, resoluci\u00f3n y formato? Una imagen pesada reduce la velocidad web","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-para-prestashop.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2018\/01\/optimizar-imagenes-para-prestashop.jpg","width":840,"height":440},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Herramientas para optimizar las im\u00e1genes de tu tienda Prestashop"}]},{"@type":"WebSite","@id":"https:\/\/www.4webs.es\/blog\/#website","url":"https:\/\/www.4webs.es\/blog\/","name":"4webs","description":"Desarrollo con Prestashop, gesti\u00f3n de proyectos ecommerce","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.4webs.es\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/62f884c014f31a905b25c80c2a62c7f6","name":"Redacci\u00f3n 4webs","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/e2d897afb8cdf95491cff01ee900d40ab01a2ccec9be78b108f5189c837a601a?s=96&d=mm&r=g","caption":"Redacci\u00f3n 4webs"},"url":"https:\/\/www.4webs.es\/blog\/author\/redaccion"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/9081","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=9081"}],"version-history":[{"count":12,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/9081\/revisions"}],"predecessor-version":[{"id":9228,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/9081\/revisions\/9228"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/9090"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=9081"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=9081"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=9081"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}