{"id":11367,"date":"2020-01-16T12:37:25","date_gmt":"2020-01-16T11:37:25","guid":{"rendered":"https:\/\/www.4webs.es\/blog\/?p=11367"},"modified":"2020-09-04T18:05:36","modified_gmt":"2020-09-04T17:05:36","slug":"como-configurar-las-imagenes-en-prestashop-1-7","status":"publish","type":"post","link":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7","title":{"rendered":"Como configurar las im\u00e1genes en Prestashop 1.7"},"content":{"rendered":"<div class=\"row\"><div class=\"col-md-11 content-article\"><p>Uno de los errores m\u00e1s comunes que nos encontramos cuando revisamos una tienda realizada con Prestashop, es una <strong>incorrecta configuraci\u00f3n de las im\u00e1genes dentro de Prestashop, y el template<\/strong> que est\u00e1n usando.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 counter-flat ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Tabla de Contenidos<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7\/#Optimizar_imagenes_en_Prestashop_17\" >Optimizar im\u00e1genes en Prestashop 1.7<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7\/#Optimizar_las_paginas_donde_se_usan_las_imagenes\" >Optimizar las p\u00e1ginas donde se usan las im\u00e1genes<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7\/#Personalizar_los_tamanos_de_imagenes_en_el_template\" >Personalizar los tama\u00f1os de im\u00e1genes en el template<\/a><\/li><li class='ez-toc-page-1'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7\/#Configurar_la_resolucion_y_tipos_de_imagenes\" >Configurar la resoluci\u00f3n y tipos de im\u00e1genes<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Optimizar_imagenes_en_Prestashop_17\"><\/span>Optimizar im\u00e1genes en Prestashop 1.7<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Por norma general, no nos fijamos en el detalle que en <a href=\"https:\/\/www.4webs.es\/blog\/category\/prestashop\">Prestashop 1.7<\/a> estemos usando un tama\u00f1o de imagen excesivamente grande, por lo que origina dos problemas.<\/p>\n<ul>\n<li><strong>Tiempos de carga muy altos<\/strong>, lo que origina que todo vaya muy lento.<\/li>\n<li>Gran <strong>consumo de espacio del servidor<\/strong>, obligando a contratar planes de alojamiento superiores.<\/li>\n<\/ul>\n<p>Por lo tanto, lo primero ser\u00eda comprobar los tama\u00f1os que estamos usando en nuestro <strong>Prestashop 1.7<\/strong>, si entramos dentro del apartado <strong>Dise\u00f1o -&gt; Ajustes de im\u00e1genes<\/strong>.<\/p>\n<figure id=\"attachment_11370\" aria-describedby=\"caption-attachment-11370\" style=\"width: 2012px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-11370 size-full\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/tamanos-imagenes-prestashop.png\" alt=\"Pantalla configuraci\u00f3n im\u00e1genes Prestashop 1.7\" width=\"2012\" height=\"814\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/tamanos-imagenes-prestashop.png 2012w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/tamanos-imagenes-prestashop-300x121.png 300w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/tamanos-imagenes-prestashop-800x324.png 800w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/tamanos-imagenes-prestashop-1200x485.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption id=\"caption-attachment-11370\" class=\"wp-caption-text\">Pantalla configuraci\u00f3n im\u00e1genes Prestashop 1.7<\/figcaption><\/figure>\n<p>Si nos fijamos en esta captura, pod\u00e9is ver que es una tabla dividida por los lugares donde se usan cada una de ellas. Los que nos importa a nosotros son los <strong>tama\u00f1os que se usan y donde se usan<\/strong>.<\/p>\n<ul>\n<li>El tama\u00f1o lo ten\u00e9is explicado en altura por anchura en p\u00edxeles.<\/li>\n<li>El lugar donde se usa son las x verdes de las p\u00e1ginas donde se usan.<\/li>\n<\/ul>\n<h2><span class=\"ez-toc-section\" id=\"Optimizar_las_paginas_donde_se_usan_las_imagenes\"><\/span>Optimizar las p\u00e1ginas donde se usan las im\u00e1genes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Lo primero es definir y repartir los <strong>tama\u00f1os de las diferentes p\u00e1ginas<\/strong> para tener clara las medidas que necesitamos, a grandes rasgos por norma general:<\/p>\n<ul>\n<li><strong>Para producto<\/strong> : 3-4 tama\u00f1os de im\u00e1genes<\/li>\n<li><strong>Para categor\u00eda<\/strong>: 1-2 tama\u00f1os de im\u00e1genes<\/li>\n<li><strong>Marcas, proveedores y tiendas<\/strong> : 1 tama\u00f1o.<\/li>\n<\/ul>\n<p>Por ejemplo, un error com\u00fan que vemos, es que en tama\u00f1o de producto suelen estar activos casi todos los tama\u00f1os, los que trae por defecto prestashop, m\u00e1s los que necesita la plantilla, m\u00e1s otros que crea el usuario&#8230;<\/p>\n<p>Esto origina, que por cada imagen que se suba se crean todos esos tama\u00f1os diferentes de la misma imagen. En este ejemplo si os fij\u00e1is en el producto, se podr\u00eda quitar un tama\u00f1o de imagen m\u00e1s, el small_default y cart_default se diferencian solo 27px, tanto de ancho como de alto.<\/p>\n<p>Si tenemos 10.000 productos y cinco tama\u00f1os activos de im\u00e1genes generar\u00e1 50.000 imagenes, si desactivamos el tama\u00f1o indicado <strong>ahorraremos 10.000 im\u00e1genes de un plumazo, es un 20% de espacio.<\/strong><\/p>\n<p>Esta tarea no es <a href=\"https:\/\/www.4webs.es\/blog\/herramientas-optimizar-las-imagenes-tienda-prestashop\">optimizar las im\u00e1genes<\/a> para que carguen m\u00e1s r\u00e1pido, sino optimizarlas para que ocupe el espacio correcto.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Personalizar_los_tamanos_de_imagenes_en_el_template\"><\/span>Personalizar los tama\u00f1os de im\u00e1genes en el template<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Si hemos borrado el small_default es importante navegar nuestra plantilla y ver si alg\u00fan tama\u00f1o no funciona, en este caso el small, habr\u00eda que buscar en el historial de pedidos, carrito,plantillas de pedidos, etc, para ver lugares en los que pueda estar esa imagen.<\/p>\n<p>Una vez encontrado los lugares donde se hace uso, hay que entrar en el tpl y cambiar la variable de small_default por el valor que queramos usar.<\/p>\n<p>Otro tip que os podemos dar es <strong>revisar los tama\u00f1os que realmente se usan<\/strong>, no es necesario cargar una imagen de 2000&#215;2000 en las fichas de productos, si el contenedor donde se encuentra esa imagen mide 800&#215;800, estamos perdiendo ancho de banda, y la p\u00e1gina tardar\u00e1 menos si configuramos los tama\u00f1os con las medidas correctas, si es el navegador el que tiene que escalar la imagen el proceso tardar\u00e1 m\u00e1s\u2026<\/p>\n<figure id=\"attachment_11373\" aria-describedby=\"caption-attachment-11373\" style=\"width: 800px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11373\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/incorrecta-configuracion-prestashop.jpg\" alt=\"Error de incorrecta configuraci\u00f3n de la plantillas\" width=\"800\" height=\"344\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/incorrecta-configuracion-prestashop.jpg 800w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/incorrecta-configuracion-prestashop-300x129.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-11373\" class=\"wp-caption-text\">Error de incorrecta configuraci\u00f3n de la plantillas<\/figcaption><\/figure>\n<p>Fijaos, el t\u00edpico error, listados de productos que necesitan un ancho de 191 x 266 px, y est\u00e1n cargando una imagen de 700 x 974, aqu\u00ed <strong>est\u00e1n usando un 75% m\u00e1s de recursos de espacio del servidor y de velocidad de carga, se est\u00e1 tirando a la basura<\/strong>.<\/p>\n<p>Nosotros, en nuestra <a href=\"https:\/\/www.4webs.es\/agencia-ecommerce\">Agencia de comercio electr\u00f3nico<\/a>, cuando realizamos una <strong>auditor\u00eda siempre recomendamos 3-4 tama\u00f1os<\/strong>, cambiamos los tama\u00f1os en la plantilla y regeneramos todos los tama\u00f1os.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Configurar_la_resolucion_y_tipos_de_imagenes\"><\/span>Configurar la resoluci\u00f3n y tipos de im\u00e1genes<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>El siguiente paso es <strong>configurar las resoluciones de las im\u00e1genes<\/strong>, aqu\u00ed tienes varios puntos que van a realizar que tengas que <strong>decidir entre velocidad y rendimiento, o, calidad de visualizaci\u00f3n<\/strong>.<\/p>\n<p>Hay que tratar que tenga un t\u00e9rmino medio, de nada sirve tener todas las im\u00e1genes al 100% de calidad si luego nuestra tienda es una tortuga.<\/p>\n<figure id=\"attachment_11372\" aria-describedby=\"caption-attachment-11372\" style=\"width: 2044px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-11372\" src=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/pantalla-configuracion-imagenes.png\" alt=\"Pantalla de optimizaci\u00f3n de im\u00e1genes en Prestashop 1.7\" width=\"2044\" height=\"964\" srcset=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/pantalla-configuracion-imagenes.png 2044w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/pantalla-configuracion-imagenes-335x157.png 335w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/pantalla-configuracion-imagenes-300x141.png 300w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/pantalla-configuracion-imagenes-800x377.png 800w, https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/pantalla-configuracion-imagenes-1200x566.png 1200w\" sizes=\"auto, (max-width: 709px) 85vw, (max-width: 909px) 67vw, (max-width: 1362px) 62vw, 840px\" \/><figcaption id=\"caption-attachment-11372\" class=\"wp-caption-text\">Pantalla de optimizaci\u00f3n de im\u00e1genes en Prestashop 1.7<\/figcaption><\/figure>\n<ul>\n<li><strong>Formato de imagen<\/strong>: Nosotros recomendamos ponerlo en png si se sube, pero siempre indicando al cliente que use jpg, para im\u00e1genes de productos es la que mejor te va a funcionar.<\/li>\n<li><strong>Compresi\u00f3n jpeg<\/strong>: Entre 70-80%, ves bajando hasta que veas que comienza a verse mal, y cuando tengas la compresi\u00f3n que crees que es correcta pasa un <a href=\"https:\/\/www.4webs.es\/blog\/google-pagespeed-anade-nuevas-funcionalidades\">pagespeed<\/a>, en funci\u00f3n de eso decides si subirla o mantenerla.<\/li>\n<li><strong>Compresi\u00f3n png<\/strong>: 7, como os indicamos apenas usamos png.<\/li>\n<li><strong>Generar im\u00e1genes basadas en un lado de la imagen de origen<\/strong>: Ponerlo en autom\u00e1tico, y subir las im\u00e1genes ya en el tama\u00f1o correcto, recomiendo tener una plantilla en Photoshop.<\/li>\n<li><strong>Tama\u00f1o m\u00e1ximo de archivo de las im\u00e1genes de personalizaci\u00f3n del producto<\/strong>: este campo y los dos siguientes es por si tus clientes suben im\u00e1genes, ponerlo en valores bajos, para que no os la lien.<\/li>\n<li><strong>Generar im\u00e1genes de alta resoluci\u00f3n<\/strong>: Sirve para m\u00f3vil para generar una imagen adicional de alta resoluci\u00f3n para m\u00f3vil con pantalla retina, aqu\u00ed la decisi\u00f3n es vuestra ya que las im\u00e1genes ocupan bastante espacio.<\/li>\n<\/ul>\n<p>Una vez configurado esto ya pod\u00e9is regenerar todas las im\u00e1genes.<\/p>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>Tutorial para saber como configurar las im\u00e1genes en Prestashop, tama\u00f1os, tipos de archivos y la configuraci\u00f3n necesaria para reducir al m\u00e1ximo los tiempos de carga<\/p>\n","protected":false},"author":1,"featured_media":11376,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[162],"tags":[],"class_list":{"0":"post-11367","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.3 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Como configurar las im\u00e1genes en Prestashop 1.7 | 4webs.es<\/title>\n<meta name=\"description\" content=\"Tutorial para saber como configurar las im\u00e1genes en Prestashop, tama\u00f1os, tipos de archivos y la configuraci\u00f3n necesaria para reducir al m\u00e1ximo los tiempos de carga\" \/>\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\/como-configurar-las-imagenes-en-prestashop-1-7\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Como configurar las im\u00e1genes en Prestashop 1.7 | 4webs.es\" \/>\n<meta property=\"og:description\" content=\"Tutorial para saber como configurar las im\u00e1genes en Prestashop, tama\u00f1os, tipos de archivos y la configuraci\u00f3n necesaria para reducir al m\u00e1ximo los tiempos de carga\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7\" \/>\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=\"2020-01-16T11:37:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-09-04T17:05:36+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/configurar-imagenes.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=\"Pablo Risue\u00f1o\" \/>\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=\"Pablo Risue\u00f1o\" \/>\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\\\/como-configurar-las-imagenes-en-prestashop-1-7#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7\"},\"author\":{\"name\":\"Pablo Risue\u00f1o\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"headline\":\"Como configurar las im\u00e1genes en Prestashop 1.7\",\"datePublished\":\"2020-01-16T11:37:25+00:00\",\"dateModified\":\"2020-09-04T17:05:36+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7\"},\"wordCount\":969,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/configurar-imagenes.jpg\",\"articleSection\":[\"Prestashop\"],\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7\",\"name\":\"Como configurar las im\u00e1genes en Prestashop 1.7 | 4webs.es\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/configurar-imagenes.jpg\",\"datePublished\":\"2020-01-16T11:37:25+00:00\",\"dateModified\":\"2020-09-04T17:05:36+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/#\\\/schema\\\/person\\\/fc07e8cecb1e51ce56b131a1eb0b3048\"},\"description\":\"Tutorial para saber como configurar las im\u00e1genes en Prestashop, tama\u00f1os, tipos de archivos y la configuraci\u00f3n necesaria para reducir al m\u00e1ximo los tiempos de carga\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7#primaryimage\",\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/configurar-imagenes.jpg\",\"contentUrl\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/wp-content\\\/uploads\\\/2019\\\/09\\\/configurar-imagenes.jpg\",\"width\":840,\"height\":440},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/como-configurar-las-imagenes-en-prestashop-1-7#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.4webs.es\\\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Como configurar las im\u00e1genes en Prestashop 1.7\"}]},{\"@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\\\/fc07e8cecb1e51ce56b131a1eb0b3048\",\"name\":\"Pablo Risue\u00f1o\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g\",\"caption\":\"Pablo Risue\u00f1o\"},\"sameAs\":[\"http:\\\/\\\/www.4webs.es\"],\"url\":\"https:\\\/\\\/www.4webs.es\\\/blog\\\/author\\\/admin\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Como configurar las im\u00e1genes en Prestashop 1.7 | 4webs.es","description":"Tutorial para saber como configurar las im\u00e1genes en Prestashop, tama\u00f1os, tipos de archivos y la configuraci\u00f3n necesaria para reducir al m\u00e1ximo los tiempos de carga","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\/como-configurar-las-imagenes-en-prestashop-1-7","og_locale":"es_ES","og_type":"article","og_title":"Como configurar las im\u00e1genes en Prestashop 1.7 | 4webs.es","og_description":"Tutorial para saber como configurar las im\u00e1genes en Prestashop, tama\u00f1os, tipos de archivos y la configuraci\u00f3n necesaria para reducir al m\u00e1ximo los tiempos de carga","og_url":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7","og_site_name":"4webs","article_publisher":"https:\/\/www.facebook.com\/4webs","article_published_time":"2020-01-16T11:37:25+00:00","article_modified_time":"2020-09-04T17:05:36+00:00","og_image":[{"width":840,"height":440,"url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/configurar-imagenes.jpg","type":"image\/jpeg"}],"author":"Pablo Risue\u00f1o","twitter_card":"summary_large_image","twitter_creator":"@4webs","twitter_site":"@4webs","twitter_misc":{"Escrito por":"Pablo Risue\u00f1o","Tiempo de lectura":"5 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7#article","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7"},"author":{"name":"Pablo Risue\u00f1o","@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"headline":"Como configurar las im\u00e1genes en Prestashop 1.7","datePublished":"2020-01-16T11:37:25+00:00","dateModified":"2020-09-04T17:05:36+00:00","mainEntityOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7"},"wordCount":969,"commentCount":0,"image":{"@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/configurar-imagenes.jpg","articleSection":["Prestashop"],"inLanguage":"es","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7","url":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7","name":"Como configurar las im\u00e1genes en Prestashop 1.7 | 4webs.es","isPartOf":{"@id":"https:\/\/www.4webs.es\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7#primaryimage"},"image":{"@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7#primaryimage"},"thumbnailUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/configurar-imagenes.jpg","datePublished":"2020-01-16T11:37:25+00:00","dateModified":"2020-09-04T17:05:36+00:00","author":{"@id":"https:\/\/www.4webs.es\/blog\/#\/schema\/person\/fc07e8cecb1e51ce56b131a1eb0b3048"},"description":"Tutorial para saber como configurar las im\u00e1genes en Prestashop, tama\u00f1os, tipos de archivos y la configuraci\u00f3n necesaria para reducir al m\u00e1ximo los tiempos de carga","breadcrumb":{"@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7#primaryimage","url":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/configurar-imagenes.jpg","contentUrl":"https:\/\/www.4webs.es\/blog\/wp-content\/uploads\/2019\/09\/configurar-imagenes.jpg","width":840,"height":440},{"@type":"BreadcrumbList","@id":"https:\/\/www.4webs.es\/blog\/como-configurar-las-imagenes-en-prestashop-1-7#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.4webs.es\/blog"},{"@type":"ListItem","position":2,"name":"Como configurar las im\u00e1genes en Prestashop 1.7"}]},{"@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\/fc07e8cecb1e51ce56b131a1eb0b3048","name":"Pablo Risue\u00f1o","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/6938f7637a533914c144759f6249310d5f8fdef83738a4641b2d151a17c19f97?s=96&d=mm&r=g","caption":"Pablo Risue\u00f1o"},"sameAs":["http:\/\/www.4webs.es"],"url":"https:\/\/www.4webs.es\/blog\/author\/admin"}]}},"_links":{"self":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/11367","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\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/comments?post=11367"}],"version-history":[{"count":10,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/11367\/revisions"}],"predecessor-version":[{"id":11608,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/posts\/11367\/revisions\/11608"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media\/11376"}],"wp:attachment":[{"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/media?parent=11367"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/categories?post=11367"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.4webs.es\/blog\/wp-json\/wp\/v2\/tags?post=11367"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}