O guia definitivo para otimizar os tamanhos de imagem da Shopify para sua loja

Quando sua loja está online, há muitos fatores que você precisa considerar para garantir que sua loja funcione sem problemas e com eficiência. Especialmente se os clientes fizerem compras on-line, eles não poderão ver os produtos que você vende diretamente e controlar a qualidade dos produtos. Portanto, eles podem se sentir hesitantes ao decidir comprar seus produtos. Em outras palavras, você precisa garantir que suas imagens nas lojas online tenham boa qualidade e mostrem muitos aspectos da mercadoria que fazem seus compradores quererem comprar. Então, se você é proprietário de uma loja Shopify, este artigo é definitivamente para você. Forneceremos o melhor guia para otimizar os tamanhos de imagem do produto para sua loja Shopify.

Para começar, você pode se perguntar por que os tamanhos das imagens são importantes para sua loja da Shopify?

Melhore a experiência do usuário: quando suas fotografias são criadas para serem visualizadas em todos os dispositivos de maneira não desfocada e não esticada, os compradores on-line podem visualizar melhor as coisas, compreender especificações e obter uma aparência virtual. Isso melhora sua experiência geral de compra.

Aumente a velocidade de carregamento da página: ao otimizar os tamanhos das imagens, nenhuma das suas páginas da web ficará desnecessariamente grande. Não importa quantas imagens estão em uma página. Como resultado, seu site será carregado em menos de três segundos, que é o menor tempo que um consumidor tolerará. Se você precisar melhorar seu site mais rapidamente, convém pesquisar e implementar outros conselhos de otimização de desempenho da loja da Shopify.

Aprimore outros esforços de SEO: a otimização da sua foto tornará a velocidade de carregamento da sua página excelente e ajudará em todas as suas atividades de SEO. Ele informa aos mecanismos de pesquisa que seu site possui as informações que eles estão procurando, o que aumenta sua classificação.

Em seguida, apresentaremos alguns tamanhos de imagem comuns da Shopify

Tamanho da imagem do produto da Shopify: 2048 x 2048 px ou 800 x 800 px

Lembre-se de que você só pode fazer upload de fotos de produtos da Shopify com no máximo 4472 x 4472 pixels e 20 MB de tamanho. Isso é um exagero, porém, na maioria das vezes. Esses gráficos grandes são desnecessários para sua loja e diminuirão o tempo de carregamento da página. Em vez disso, 2048 x 2048 pixels são o que Shopify aconselha para fotos quadradas de produtos. Para obter um equilíbrio fantástico entre excelente qualidade e carregamento rápido do site, utilize o formato JPG ou PNG. As fotos do produto geralmente não devem ter menos de 800 por 800 pixels. Caso contrário, recursos como zoom podem não funcionar muito bem.

Tamanho da imagem da coleção da Shopify: 2048 x 2048 px

Não há um tamanho obrigatório quando se trata de fotografias de coleção da Shopify; no entanto, eles podem ter qualquer tamanho de até 4472 x 4472 px ou 20 megapixels. Com o objetivo de fotos quadradas de alta resolução, Shopify normalmente aconselha limitar suas imagens em 2048 × 2048 pixels.

Além do tamanho, as dimensões da coleção de fotografias devem ser consistentes entre si. Por outro lado, as relações entre a altura e a largura devem permanecer constantes. Caso contrário, eles arruinariam a interface da sua página de coleção.

Tamanho da imagem da apresentação de slides da Shopify: largura de 1200 a 2000px, altura de 400 a 600px

A proporção sugerida da imagem da apresentação de slides da Shopify está entre 400 e 600 pixels de altura e 1.200 a 2.000 pixels de largura.

Há alguns encolhimentos e cortes feitos ao mover para uma visualização de tela pequena/móvel. Como resultado, centralize as fotos nas configurações de apresentação de slides da Shopify. Como resultado, as partes superior, inferior e esquerda e direita da imagem serão cortadas, melhorando a aparência geral.

Tamanho da imagem do cabeçalho da Shopify: altura não superior a 120 px

Você pode querer incluir fotos no bloco de cabeçalho em algumas circunstâncias. Pode servir como um logotipo ou anúncio suplementar para uma ocasião futura. Nos temas da Shopify, o bloco de cabeçalho pode ter uma altura máxima de 250 pixels. No entanto, aconselhamos a utilização de fotos com altura máxima de 120 pixels.

Tamanho do banner da Shopify: 1200 x 400 a 600 pixels

Você deve considerar os requisitos do seu tema específico ao decidir o tamanho do banner da Shopify. Você pode utilizar fotos de 1200×800 px, por exemplo, no caso do tema Brooklyn.

Tamanho do logotipo da Shopify: 450 x 250px

O maior logotipo da Shopify tem 450 x 250 pixels. A largura da barra lateral de 250px é a fonte disso. Embora seja vital permanecer dentro desse limite, seu logotipo não precisa ter exatamente 450 pixels de largura por 205 pixels de altura.

Então, sugerimos para você a popular formatação de imagem Shopify

Dê uma olhada em algumas das formas de imagem mais populares que são populares na fotografia de comércio eletrônico. Você deve ser informado das vantagens e desvantagens de cada um.

JPG/Jpeg

O formato de arquivo de imagem mais usado nas lojas Shopify é definitivamente o JPG. Tem um bom espectro de cores e um tamanho de arquivo minúsculo, o que facilita o carregamento. A capacidade de compactação do JPG oferece um compromisso fantástico entre qualidade e tamanho. Nesse caso, Shopify sugere explicitamente que os varejistas utilizem JPG para as fotos da página do produto.

PNG

PNG é mais uma forma de imagem extremamente popular aplicada nas lojas Shopify. Devido à sua capacidade de diminuir o tamanho do arquivo de imagem sem comprometer a qualidade geral da imagem, o PNG é fantástico para sites de comércio eletrônico. Além disso, o PNG suporta transparência, dando a você mais controle sobre a aparência da sua loja. A compactação sem perdas de PNG é um desafio porque frequentemente resulta em arquivos de imagem muito grandes.

GIF

Animações curtas ou explicadores de produtos podem ser criados usando o formato de imagem amplamente utilizado GIF (super popular nas lojas de dropshipping da Shopify). Suas fotografias não serão as mais vibrantes porque o formato de imagem GIF permite apenas cerca de 250 cores. Mas quando combinados com outros formatos de imagem, eles podem realmente brilhar.

TIFF

Várias ferramentas de edição da web suportam o formato de imagem TIFF útil. Isso implica que a edição e personalização de imagens para campanhas de marketing são simples para designers e varejistas. A alta qualidade está disponível com TIFF e você pode salvar muitas fotografias em um arquivo. No entanto, semelhante ao PNG, o tamanho do arquivo leva a ser maior devido à compactação sem perdas.

Geralmente, é aconselhável escolher JPG/Jpeg se você não tiver certeza de qual tamanho de imagem utilizar. Como já estabelecemos, o JPG é o único formato de imagem que equilibra com sucesso o tamanho do arquivo e a qualidade da imagem.

Agora, passamos para os tipos de imagens para incluir em sua loja Shopify

Imagens somente do produto

Essas imagens são fotos únicas de seus produtos, como o nome sugere. As fotografias apenas do produto apresentam o item “principal” de vários ângulos para ajudar os clientes a fazer uma escolha de compra. Muitas vezes são tiradas contra um fundo branco ou de cor neutra.

Ao fotografar produtos, é crucial manter a consistência entre o arranjo de cada imagem. Também é importante ter em mente os critérios de tamanho de imagem ideal da Shopify para uma experiência de usuário perfeita.

Produto em uso

O segundo tipo de fotografia a ser aplicado em sua loja Shopify é do produto em uso, sozinho ou em conjunto com outros bens que valorizam o item principal.

Esses tipos de imagens melhorarão a compreensão do produto para possíveis compradores e aumentarão o engajamento e a conversão.

Fotografias com sobreposições gráficas

Para uma aparência mais distinta, você pode ser um pouco criativo e aplicar sobreposições gráficas às suas fotos, como texto e outras imagens. Graças à ajuda de programas como o Canva ou alternativas semelhantes, você pode fazer isso facilmente.

Gráficos

Você pode usar gráficos em sua loja da Shopify para exibir informações. Isso pode ser uma representação visual das várias opções, uma tabela de tamanhos ou até mesmo um seletor de cores.

Por último, mas não menos importante, como otimizar os tamanhos das imagens dos produtos da Shopify

Dê nomes às suas imagens

A maioria dos varejistas se apressa em várias fotos de produtos sem se preocupar em alterar o nome da câmera padrão. Além de rastrear o texto em suas páginas, os mecanismos de pesquisa também analisam os nomes dos arquivos das imagens para determinar o conteúdo da página.

Comprima suas imagens

O cliente médio não espera mais de três segundos para o lançamento de um site de comércio eletrônico. Você deve, portanto, tomar todas as medidas necessárias para que suas páginas carreguem mais rapidamente.

Uma das melhores estratégias para lidar com velocidades de página lentas é reduzir o tamanho do arquivo de suas fotografias. Para máxima eficiência, é uma boa ideia manter os tamanhos de imagem em torno de 70kb.

Felizmente, Shopify já reduz um pouco o tamanho de suas fotos. Para reduzir ainda mais o tamanho de suas fotos, você também pode utilizar os programas gratuitos TinyIMG e CrushPics. Com essas ferramentas, você pode processar vários arquivos em massa de uma só vez e gerenciar a quantidade de compactações.

Use um estilo consistente em sua loja online

Lembre-se de modificar suas fotos de forma consistente para dar aos visitantes do seu site uma experiência de compra uniforme em sua loja online. Isso significa que, para uma aparência unificada e polida, o tamanho, o estilo, o pano de fundo e às vezes até o arranjo de cores devem ser idênticos.

Incluir estilo de vida e fotografia de produtos

Na maioria das vezes, uma mistura de fotografia de produto padrão e fotografias de estilo de vida aumentará as taxas de conversão. A fotografia pura do produto é crucial para permitir que os clientes examinem as características do produto, enquanto as fotografias de estilo de vida permitem que os usuários visualizem o objeto em suas vidas diárias.

Use testes A/B para encontrar as melhores imagens

Por último, mas não menos importante, você deve experimentar várias variações de suas fotografias para descobrir quais têm o melhor desempenho. Você poderia testar o seguinte:

• Quantas imagens de produtos existem em cada página
• Os tipos de imagens mais eficazes
• A quantidade de cada página de coleção de produtos tem (10, 20, 100)

Para ver como os usuários estão interagindo com suas fotos, utilize um aplicativo de mapeamento de calor como o hotjar. Como alternativa, você pode usar uma enquete pós-compra direta em sua página de agradecimento para perguntar aos clientes sobre seus tipos de imagem preferidos.

Confira a diretriz e lembre-se dos tamanhos ideais de imagem da Shopify

Para ter certeza de que está no caminho certo, revise as instruções sobre quais tamanhos e formatos de imagem da Shopify funcionam melhor para seu tema. Tenha em mente as melhores dimensões de imagem da Shopify. Se você contratar fotógrafos experientes para tirar fotos de seus produtos, poderá informá-los com antecedência do que você precisa. Você economizará muito tempo dessa maneira!

Otimização de imagem para celular

Você sabia que 79% dos usuários de celular compraram alguma coisa nos últimos seis meses usando seu smartphone? Assim, em 2022 e além, ter suas fotos otimizadas para dispositivos móveis será crucial.

A Shopify geralmente ajusta os tamanhos das imagens automaticamente para caber em dispositivos móveis e de tela pequena. Para modificar as fotos para dispositivos móveis, às vezes você pode precisar alterar manualmente as fotos.

Para criar sua imagem compatível com dispositivos móveis, aplique estas dicas:

• Não use imagens excessivamente grandes porque elas podem ficar distorcidas em dispositivos móveis.
• Mantenha sua mercadoria centralizada na vertical e na horizontal e use fotos quadradas.
• Para garantir que suas fotos sejam carregadas mais rapidamente em dispositivos móveis, utilize o carregamento lento.
• Sempre que você adicionar uma imagem, verifique como ela aparece em um dispositivo móvel.

Use imagens de banco de imagens

Em blogs e banners, você também pode utilizar fotos de banco de imagens com preços razoáveis ​​para ilustrar sua escrita. No entanto, como as fotos de banco de imagens podem ocasionalmente ser genéricas, certifique-se de colocar seu próprio carimbo editando e aplicando sobreposições para torná-las pertinentes ao seu negócio.

Conclusão

Por meio do tópico, mostramos um guia completo sobre como otimizar sua imagem nas lojas Shopify. Com as sugestões úteis, esperamos que você possa melhorar a qualidade do seu produto de imagem. Se seus consumidores não puderem ter uma visão geral sobre os produtos, pode ser difícil comprar seus produtos. Por isso, a sua imagem na loja desempenha um papel importante para atrair mais clientes e impulsionar as vendas. Se você deseja tornar sua loja mais atraente e profissional, entre em contato conosco para ter especialistas que podem alavancar sua loja no próximo nível.