[{"data":1,"prerenderedAt":290},["ShallowReactive",2],{"footer-guides.es":3,"posts.es.actualizacion-transformaciones-de-imagen-septiembre-2022":13,"posts.es.actualizacion-transformaciones-de-imagen-septiembre-2022.related":271,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002Fhero-cbe1cdf1-1400.webp":272,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929651-aaa6e74c-d3c7-49f2-9761-90b847847be8.webp":275,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929657-3c9f9a17-3a86-4cc6-b50a-4d130d57ca2d.webp":277,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929662-48cbcb53-6aea-471b-bde2-459d1027bdbe.webp":278,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929666-6b61137f-1a01-49ba-9aef-849d65f1fe27.webp":279,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929677-7e763ecb-f6d2-4ba9-8907-4225086f32ee.webp":281,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929728-unnamed.webp":282,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929739-7760b6c6-6f62-42fe-8e81-c67cf3f47b96.webp":283,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929745-6c5018ac-81d9-4b7e-8429-fead2f678f88.webp":285,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929749-unnamed-1.webp":286,"image-size:\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929753-c224af20-5b03-435b-b579-837832a9a8c3.webp":288},[4,7,10],{"title":5,"path":6},"Anuncios de catálogo de Meta: guía práctica para tiendas online","\u002Fes\u002Fblog\u002Fanuncios-de-catalogo-de-meta-guia-practica",{"title":8,"path":9},"¿Qué es un feed de productos?","\u002Fes\u002Fblog\u002Fque-es-un-feed-de-productos",{"title":11,"path":12},"Cómo optimizar los títulos de tus productos en Google Shopping","\u002Fes\u002Fblog\u002Fcomo-optimizar-titulos-de-productos-google-shopping",{"id":14,"title":15,"author":16,"body":17,"date":250,"description":251,"draft":252,"extension":253,"hero":254,"heroAlt":255,"image":256,"intro":257,"meta":258,"navigation":260,"path":261,"related":262,"seo":263,"stem":264,"tags":265,"updated":262,"__hash__":268,"slug":269,"sourcePath":270},"blog_es\u002Fblog\u002Fes\u002F2022-09-20-image-transformations-feature-update.md","Actualización de las transformaciones de imagen: septiembre de 2022","jacob-moelby",{"type":18,"value":19,"toc":229},"minimark",[20,30,35,38,41,49,52,56,59,66,70,73,107,110,113,117,124,128,134,137,143,147,153,156,162,166,172,175,181,185,191,194,200,204,210,214,222,226],[21,22,23,24,29],"p",{},"Esta es nuestra actualización de septiembre de 2022 de las transformaciones de imagen, un mes después de lanzar el editor en beta. Gracias a tus comentarios, añade nuevos tamaños de template, zoom y desplazamiento en el editor y colores de fondo automáticos. Este artículo solo cubre lo que ha cambiado. Para aprender desde el principio cómo funciona el editor, lee ",[25,26,28],"a",{"href":27},"\u002Fblog\u002Fintroducing-image-transformations","cómo añadir precios y logos a las imágenes de tus anuncios de catálogo",".",[31,32,34],"h2",{"id":33},"nuevos-tamaños-zoom-y-desplazamiento-por-el-lienzo","Nuevos tamaños, zoom y desplazamiento por el lienzo",[21,36,37],{},"En la versión anterior del editor solo se podían crear templates cuadrados. Además, el template se veía en un recuadro fijo que dependía del tamaño de la ventana del navegador. Eso ya ha cambiado.",[21,39,40],{},"El nuevo menú te permite acercar y alejar la vista, ajustarla a tu pantalla o ver la imagen a tamaño real. También puedes usar el ratón o el trackpad para acercar y alejar el template.",[21,42,43,44,48],{},"Si quieres mover el lienzo, mantén pulsada la ",[45,46,47],"strong",{},"barra espaciadora"," y usa el ratón, como en otras herramientas de edición de fotos.",[21,50,51],{},"Estos cambios también nos han permitido ofrecer otros tamaños, así que ahora puedes crear imágenes horizontales y verticales. Encontrarás los nuevos tamaños en el menú de configuración. Si no está el tamaño que buscas, escríbenos y lo añadiremos.",[31,53,55],{"id":54},"fondos-automáticos","Fondos automáticos",[21,57,58],{},"El antiguo editor de superposiciones permitía elegir \"auto\" como color de fondo. Ahora esta función también está disponible en tus templates.",[21,60,61,62,65],{},"Para empezar, inserta la imagen del producto, haz clic en la capa ",[45,63,64],{},"Fondo"," y verás ahí la opción.",[31,67,69],{"id":68},"estrategias","Estrategias",[21,71,72],{},"Debajo de la casilla para activarla, encontrarás un desplegable para elegir la estrategia (el algoritmo) que decide automáticamente qué color de fondo usar. Las opciones disponibles son:",[74,75,76,83,89,95,101],"ul",{},[77,78,79,82],"li",{},[45,80,81],{},"Edge",": el color medio del borde de la imagen",[77,84,85,88],{},[45,86,87],{},"Dominant edge",": el color que más se repite en el borde",[77,90,91,94],{},[45,92,93],{},"Full",": el color medio de toda la imagen",[77,96,97,100],{},[45,98,99],{},"Dominant full",": el color que más se repite en toda la imagen",[77,102,103,106],{},[45,104,105],{},"Median cut",": un algoritmo para reducir paletas de colores",[21,108,109],{},"Todas tienen además la opción de usar el color complementario del que determina la estrategia. En la mayoría de los casos te conviene usar Edge o Dominant edge, pero haz pruebas con tus imágenes de producto y mira qué encaja mejor en tu caso.",[21,111,112],{},"A continuación puedes ver cómo queda cada estrategia.",[114,115,81],"h3",{"id":116},"edge",[21,118,119],{},[120,121],"img",{"alt":122,"src":123,"title":122},"Estrategia Edge para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929651-aaa6e74c-d3c7-49f2-9761-90b847847be8.webp",[114,125,127],{"id":126},"edge-complementario","Edge, complementario",[21,129,130],{},[120,131],{"alt":132,"src":133,"title":132},"Estrategia Edge con color complementario para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929657-3c9f9a17-3a86-4cc6-b50a-4d130d57ca2d.webp",[114,135,87],{"id":136},"dominant-edge",[21,138,139],{},[120,140],{"alt":141,"src":142,"title":141},"Estrategia Dominant edge para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929662-48cbcb53-6aea-471b-bde2-459d1027bdbe.webp",[114,144,146],{"id":145},"dominant-edge-complementario","Dominant edge, complementario",[21,148,149],{},[120,150],{"alt":151,"src":152,"title":151},"Estrategia Dominant edge con color complementario para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929666-6b61137f-1a01-49ba-9aef-849d65f1fe27.webp",[114,154,93],{"id":155},"full",[21,157,158],{},[120,159],{"alt":160,"src":161,"title":160},"Estrategia Full para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929677-7e763ecb-f6d2-4ba9-8907-4225086f32ee.webp",[114,163,165],{"id":164},"full-complementario","Full, complementario",[21,167,168],{},[120,169],{"alt":170,"src":171,"title":170},"Estrategia Full con color complementario para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929728-unnamed.webp",[114,173,99],{"id":174},"dominant-full",[21,176,177],{},[120,178],{"alt":179,"src":180,"title":179},"Estrategia Dominant full para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929739-7760b6c6-6f62-42fe-8e81-c67cf3f47b96.webp",[114,182,184],{"id":183},"dominant-full-complementario","Dominant full, complementario",[21,186,187],{},[120,188],{"alt":189,"src":190,"title":189},"Estrategia Dominant full con color complementario para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929745-6c5018ac-81d9-4b7e-8429-fead2f678f88.webp",[114,192,105],{"id":193},"median-cut",[21,195,196],{},[120,197],{"alt":198,"src":199,"title":198},"Estrategia Median cut para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929749-unnamed-1.webp",[114,201,203],{"id":202},"median-cut-complementario","Median cut, complementario",[21,205,206],{},[120,207],{"alt":208,"src":209,"title":208},"Estrategia Median cut con color complementario para el fondo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929753-c224af20-5b03-435b-b579-837832a9a8c3.webp",[31,211,213],{"id":212},"otras-mejoras-menores","Otras mejoras menores",[74,215,216,219],{},[77,217,218],{},"Puedes arrastrar la esquina de una forma sin que se mantengan sus proporciones.",[77,220,221],{},"Cuando aplicas templates a tu feed, ves los nombres de los productos que se muestran y puedes hacer clic en ellos para abrirlos.",[31,223,225],{"id":224},"eso-es-todo-por-ahora","Eso es todo por ahora",[21,227,228],{},"Estas son todas las novedades de esta vez. Si encuentras algún problema o tienes ideas, cuéntanoslo para que podamos hacer el editor lo mejor posible.",{"title":230,"searchDepth":231,"depth":231,"links":232},"",2,[233,234,235,248,249],{"id":33,"depth":231,"text":34},{"id":54,"depth":231,"text":55},{"id":68,"depth":231,"text":69,"children":236},[237,239,240,241,242,243,244,245,246,247],{"id":116,"depth":238,"text":81},3,{"id":126,"depth":238,"text":127},{"id":136,"depth":238,"text":87},{"id":145,"depth":238,"text":146},{"id":155,"depth":238,"text":93},{"id":164,"depth":238,"text":165},{"id":174,"depth":238,"text":99},{"id":183,"depth":238,"text":184},{"id":193,"depth":238,"text":105},{"id":202,"depth":238,"text":203},{"id":212,"depth":231,"text":213},{"id":224,"depth":231,"text":225},"2022-09-20T00:34:55+02:00","La actualización de septiembre de 2022 de las transformaciones de imagen: templates en nuevos tamaños, zoom y desplazamiento en el editor y fondos automáticos.",false,"md","\u002Fblog\u002Fimage-transformations-feature-update\u002Fhero-cbe1cdf1-1400.webp","Ilustración de las mismas imágenes de producto en formatos 16:9, 1:1 y 9:16","\u002Fblog\u002Fimage-transformations-feature-update\u002Fhero-cbe1cdf1-1200.png","Nuestra actualización de septiembre de 2022 de las transformaciones de imagen, hecha a partir de tus comentarios: templates en nuevos tamaños, zoom y desplazamiento en el editor y colores de fondo automáticos.",{"source_hash":259},"a98ee17f64fa",true,"\u002Fes\u002Fblog\u002Factualizacion-transformaciones-de-imagen-septiembre-2022",null,{"title":15,"description":251},"blog\u002Fes\u002F2022-09-20-image-transformations-feature-update",[266,267],"templates","product-updates","KQD0wAVfSfIf0kUoID6iSecGMs2fo4nCm22d_H9gay8","actualizacion-transformaciones-de-imagen-septiembre-2022","\u002Fblog\u002Fimage-transformations-feature-update",[],{"width":273,"height":274},1400,788,{"width":273,"height":276},1395,{"width":273,"height":276},{"width":273,"height":273},{"width":273,"height":280},1398,{"width":273,"height":276},{"width":273,"height":280},{"width":273,"height":284},1394,{"width":273,"height":280},{"width":273,"height":287},1402,{"width":273,"height":289},1397,1794325391593]