[{"data":1,"prerenderedAt":290},["ShallowReactive",2],{"footer-guides.pt-br":3,"posts.pt-br.atualizacao-transformacoes-de-imagem-setembro-2022":13,"posts.pt-br.atualizacao-transformacoes-de-imagem-setembro-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},"Anúncios de catálogo da Meta: guia prático para lojas virtuais","\u002Fpt-br\u002Fblog\u002Fanuncios-de-catalogo-da-meta-guia-pratico",{"title":8,"path":9},"O que é um feed de produtos?","\u002Fpt-br\u002Fblog\u002Fo-que-e-um-feed-de-produtos",{"title":11,"path":12},"Como otimizar os títulos dos seus produtos no Google Shopping","\u002Fpt-br\u002Fblog\u002Fcomo-otimizar-titulos-de-produtos-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_pt_br\u002Fblog\u002Fpt-br\u002F2022-09-20-image-transformations-feature-update.md","Atualização das transformações de imagem: setembro 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 é a nossa atualização de setembro de 2022 das transformações de imagem, um mês depois do lançamento do editor em beta. Com base no seu feedback, ela traz novos tamanhos de template, zoom e navegação no editor e cores de fundo automáticas. Este artigo fala só do que mudou. Para entender desde o começo como o editor funciona, leia ",[25,26,28],"a",{"href":27},"\u002Fblog\u002Fintroducing-image-transformations","como adicionar preços e logos nas imagens dos anúncios de catálogo",".",[31,32,34],"h2",{"id":33},"novos-tamanhos-zoom-e-navegação-pela-área-de-trabalho","Novos tamanhos, zoom e navegação pela área de trabalho",[21,36,37],{},"Na versão anterior do editor, só era possível criar templates quadrados. Além disso, o template aparecia em uma caixa fixa que dependia do tamanho da janela do navegador. Isso mudou.",[21,39,40],{},"O novo menu permite aproximar e afastar a visualização, ajustar à sua tela ou ver a imagem no tamanho real. Você também pode usar o mouse ou o trackpad para aproximar e afastar o template.",[21,42,43,44,48],{},"Para mover a área de trabalho, basta segurar a ",[45,46,47],"strong",{},"barra de espaço"," e usar o mouse, como em outras ferramentas de edição de fotos.",[21,50,51],{},"Essas mudanças também nos permitiram oferecer outros tamanhos, então agora você pode criar imagens horizontais e verticais. Os novos tamanhos ficam no menu de configurações. Se o tamanho que você procura não estiver lá, fale com a gente para que possamos adicioná-lo.",[31,53,55],{"id":54},"fundos-automáticos","Fundos automáticos",[21,57,58],{},"O antigo editor de sobreposições permitia escolher \"auto\" como cor de fundo. Agora esse recurso também está disponível nos seus templates.",[21,60,61,62,65],{},"Para começar, basta inserir a imagem do produto e clicar na camada ",[45,63,64],{},"Fundo",". A opção vai estar ali.",[31,67,69],{"id":68},"estratégias","Estratégias",[21,71,72],{},"Abaixo da caixa de seleção que ativa o recurso, você encontra uma lista para escolher a estratégia (o algoritmo) que define automaticamente qual cor de fundo usar. As opções disponíveis são:",[74,75,76,83,89,95,101],"ul",{},[77,78,79,82],"li",{},[45,80,81],{},"Edge",": a cor média da borda da imagem",[77,84,85,88],{},[45,86,87],{},"Dominant edge",": a cor que mais se repete na borda",[77,90,91,94],{},[45,92,93],{},"Full",": a cor média da imagem inteira",[77,96,97,100],{},[45,98,99],{},"Dominant full",": a cor que mais se repete na imagem inteira",[77,102,103,106],{},[45,104,105],{},"Median cut",": um algoritmo para reduzir paletas de cores",[21,108,109],{},"Todas também têm a opção de usar a cor complementar da cor definida pela estratégia. Na maioria dos casos, o ideal é usar Edge ou Dominant edge, mas faça testes com as imagens dos seus produtos e veja o que funciona melhor para você.",[21,111,112],{},"Veja abaixo como fica cada estratégia.",[114,115,81],"h3",{"id":116},"edge",[21,118,119],{},[120,121],"img",{"alt":122,"src":123,"title":122},"Estratégia Edge para o fundo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929651-aaa6e74c-d3c7-49f2-9761-90b847847be8.webp",[114,125,127],{"id":126},"edge-complementar","Edge, complementar",[21,129,130],{},[120,131],{"alt":132,"src":133,"title":132},"Estratégia Edge com cor complementar para o fundo 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},"Estratégia Dominant edge para o fundo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929662-48cbcb53-6aea-471b-bde2-459d1027bdbe.webp",[114,144,146],{"id":145},"dominant-edge-complementar","Dominant edge, complementar",[21,148,149],{},[120,150],{"alt":151,"src":152,"title":151},"Estratégia Dominant edge com cor complementar para o fundo 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},"Estratégia Full para o fundo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929677-7e763ecb-f6d2-4ba9-8907-4225086f32ee.webp",[114,163,165],{"id":164},"full-complementar","Full, complementar",[21,167,168],{},[120,169],{"alt":170,"src":171,"title":170},"Estratégia Full com cor complementar para o fundo 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},"Estratégia Dominant full para o fundo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929739-7760b6c6-6f62-42fe-8e81-c67cf3f47b96.webp",[114,182,184],{"id":183},"dominant-full-complementar","Dominant full, complementar",[21,186,187],{},[120,188],{"alt":189,"src":190,"title":189},"Estratégia Dominant full com cor complementar para o fundo 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},"Estratégia Median cut para o fundo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929749-unnamed-1.webp",[114,201,203],{"id":202},"median-cut-complementar","Median cut, complementar",[21,205,206],{},[120,207],{"alt":208,"src":209,"title":208},"Estratégia Median cut com cor complementar para o fundo automático","\u002Fblog\u002Fimage-transformations-feature-update\u002F1665929753-c224af20-5b03-435b-b579-837832a9a8c3.webp",[31,211,213],{"id":212},"outras-pequenas-melhorias","Outras pequenas melhorias",[74,215,216,219],{},[77,217,218],{},"Você pode arrastar o canto de uma forma sem manter as proporções.",[77,220,221],{},"Ao aplicar templates no seu feed, você vê os nomes dos produtos exibidos e pode clicar neles para abri-los.",[31,223,225],{"id":224},"por-enquanto-é-isso","Por enquanto, é isso",[21,227,228],{},"Essas são todas as novidades desta vez. Se encontrar algum problema ou tiver alguma ideia, conte para a gente, para que possamos deixar o editor o melhor possível.",{"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","A nossa atualização de setembro de 2022 das transformações de imagem: templates em novos tamanhos, zoom e navegação no editor e cores de fundo automáticas.",false,"md","\u002Fblog\u002Fimage-transformations-feature-update\u002Fhero-cbe1cdf1-1400.webp","Ilustração das mesmas imagens de produto nos formatos 16:9, 1:1 e 9:16","\u002Fblog\u002Fimage-transformations-feature-update\u002Fhero-cbe1cdf1-1200.png","A nossa atualização de setembro de 2022 das transformações de imagem, feita a partir do seu feedback: templates em novos tamanhos, zoom e navegação no editor e cores de fundo automáticas.",{"source_hash":259},"a98ee17f64fa",true,"\u002Fpt-br\u002Fblog\u002Fatualizacao-transformacoes-de-imagem-setembro-2022",null,{"title":15,"description":251},"blog\u002Fpt-br\u002F2022-09-20-image-transformations-feature-update",[266,267],"templates","product-updates","gz3QWDKQ9TvyJL_9sJcQijqWkbnxiEoWdz2BcLc7Dc4","atualizacao-transformacoes-de-imagem-setembro-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,1794325392139]