Pular para o conteúdo principal
ToolsByUs

Redimensionar imagem de produto da Shopify

Imagens de produtos do Shopify funcionam melhor como quadradas de 2048 por 2048 pixels, o que é grande o suficiente para o zoom ser útil. Esta página usa preenchimento em vez de recorte por padrão, para que o produto fique completo e todas as fotos do catálogo tenham o mesmo formato.

Só local

Solte um PNG, JPG, WebP ou GIF

ou em qualquer lugar da página · Escolher um arquivo · 100 MB

Aceitos: PNG, JPG, JPEG, WebP, GIF, AVIF

Redimensionar imagem de produto da Shopify: explicação

Shopify não força um formato para fotos de produtos, e esse é o problema. Um catálogo feito com o que a câmera produziu mostra fotos altas, fotos largas e fotos quadradas na mesma grade, cada uma com preenchimento diferente pelo tema, e o resultado parece amador mesmo quando cada foto individual é boa.

Escolher um formato e aplicá-lo a tudo é a maior melhoria visual que a maioria das pequenas lojas pode fazer. Quadrado de 2048 por 2048 é a resposta usual: serve para miniaturas em grade e páginas de produtos, e 2048 pixels de resolução são suficientes para que o zoom do Shopify mostre detalhes reais em vez de um aumento suave.

Esta página usa 'Ajustar imagem inteira' como padrão, em vez de 'Preencher moldura', que é o oposto de todas as outras páginas aqui — porque uma foto de produto recortada para um quadrado perde o produto, enquanto uma com preenchimento não.

Para um lote em um tamanho de sua escolha, a ferramenta Redimensionar imagem aceita qualquer dimensão em pixels ou porcentagem.

A velocidade da loja importa, então se as exportações forem pesadas, o compressor levará cada uma a um tamanho alvo.

Por que preenchimento é melhor que recorte para produtos

Um quadrado recortado pega o meio do quadro. Para uma foto de retrato de um objeto alto — uma garrafa, uma lâmpada, um vestário no cabide — o meio é o meio do objeto e ambas as extremidades desaparecem.

O preenchimensionamento dimensiona toda a fotografia até que caiba e preenche o restante com uma cor de fundo. Nada é perdido, o objeto fica completo dentro de um quadrado consistente, e a cor de fundo pode ser combinada em todo o catálogo para que a grade pareça um conjunto.

Escolhendo o fundo

O branco puro é o padrão por um motivo: ele combina com a maioria dos temas, some em uma página branca e as marketplaces que syndicam do Shopify geralmente esperam por ele.

Um neutro suave ou uma cor da marca funciona quando os produtos em si são claros, onde o branco puro deixa um objeto flutuante sem borda. O que você escolher, use o mesmo valor para cada foto — um catálogo com três brancos ligeiramente diferentes é mais notável que um com uma cor ousada.

  • Branco puro para a maioria dos catálogos e para syndication de marketplace.
  • Um neutro suave quando os produtos são brancos ou muito claros.
  • Um valor em todo o catálogo, escolhido uma vez e reutilizado.
  • Nunca um gradiente: ele se repete mal em uma grade de diferentes proporções.

Tamanhos e limites

Shopify aceita imagens grandes e gera as versões menores que seus temas precisam. O que importa é ter resolução suficiente para o zoom em uma página de produtos sem aumentar o armazenamento e o tempo de envio mais que o necessário.

OpçãoValorPor quê
Formato1:1 quadradoGrade consistente; serve para miniaturas e páginas de produtos
Tamanho2048 × 2048O suficiente para o zoom mostrar detalhes reais
FormatoJPEG para fotosMuito menor que PNG na mesma qualidade visível
FundoUm valor, reutilizadoO que faz um catálogo parecer um conjunto

Quando recortar em vez disso

Preencher moldura ainda tem seu lugar: uma foto de estilo de vida onde o produto é um elemento de uma cena geralmente lê melhor recortada de perto, e uma foto de detalhe é um recorte por definição.

A regra é sobre o que a foto serve. Uma imagem de catálogo mostra o produto; uma imagem de estilo de vida vende a ideia. Preencha a primeira, recorte a segunda, e mantenha-as visualmente distintas em vez de misturar os dois tratamentos em uma única galeria.

Perguntas frequentes

Que tamanho as imagens de produtos do Shopify devem ter?

2048 por 2048 pixels quadrados é a resposta prática para a maioria das lojas: quadrado mantém a grade do catálogo consistente, e 2048 pixels dão ao zoom do Shopify resolução suficiente para mostrar detalhes genuínos em vez de um aumento suave de um arquivo menor.

Por que esta página usa preenchimento em vez de recorte?

Porque uma foto de produto recortada para um quadrado perde o produto. Um objeto alto recortado do meio perde ambas as extremidades. O preenchimento dimensiona toda a fotografia para baixo e preenche o restante com uma cor de fundo, para que o objeto fique completo e cada imagem compartilhe um formato.

Que cor de fundo as fotos de produtos devem usar?

Branco puro para a maioria dos catálogos — ele combina com temas, some em uma página branca e serve para syndication de marketplace. Um neutro suave é melhor quando os produtos em si são brancos, pois o branco puro deixa um objeto pálido sem borda visível. Use um valor em todo o catálogo.

Todas as minhas fotos de produtos precisam ter o mesmo formato?

Elas não precisam ser, e devem ser. Uma grade misturando retrato, paisagem e fotos quadradas é a razão mais comum pela qual uma pequena loja parece improvisada, e é corrigida sem precisar refotografar nada — preencha tudo para um quadrado e o catálogo parecerá um conjunto.

JPEG ou PNG para fotografia de produtos?

JPEG, em quase todos os casos. Em 2048 pixels quadrados, um PNG fotográfico é várias vezes maior sem vantagem visível, e a velocidade da loja importa. PNG ganha seu lugar apenas para gráficos com cores planas ou quando você realmente precisa de transparência.

Minhas fotos de produtos são enviadas para serem redimensionadas?

Não. Decodificação, dimensionamento, preenchimento e codificação são executados nesta aba do navegador, e o site não tem servidor para receber uma imagem. Fotografia de produto não listada fica na sua máquina, o que você pode verificar no painel Rede antes de confiar nela.

Equipe ToolsByUs · Como verificamos nossas ferramentas