--- title: 1.2 Como Adicionar Imagens e Galerias dos Produtos description: As imagens são medidas e definidas em pixels, por exemplo, 800 x 800 pixels. Note que o primeiro número é a largura e o segundo é a altura. Nós recomendamos que você organize suas imagens em uma pasta offline e… url: "https://doc.malvesdev.com.br/docs/1-2-como-adicionar-imagens-e-galerias-dos-produtos/" updated: "2023-12-22" category: Woocommerce / Configurações Produtos Woocommerce --- # 1.2 Como Adicionar Imagens e Galerias dos Produtos As imagens são medidas e definidas em pixels, por exemplo, 800 x 800 pixels. Note que o primeiro número é a largura e o segundo é a altura. Nós recomendamos que você organize suas imagens em uma pasta offline e mantenha um backup para o caso de você precisar delas no futuro ou alterar uma por engano e desejar reverter para o imagem original. ### [Ti](https://woo.com/document/como-adicionar-imagens-e-galerias-dos-produtos/#section-1)[pos de imagens](#) O WooCommerce usa três tipos de Imagens dos produtos para diferentes locais e finalidades: - **Imagem de produto único** é a maior imagem e está relacionada à imagem principal/em destaque na sua página de detalhes de produto individual. - **Imagens de catálogo** são imagens de tamanho médio que aparecem na exibição de produtos, como a página da Loja, páginas de Categorias de produto, Produtos relacionados, Aumentar vendas e Vendas cruzadas. - **Miniaturas de produtos** são as menores imagens usadas no Carrinho, Widgets e nas miniaturas da Galeria (opcional), abaixo da Imagem de produto único. ### [Como adicionar imagens e galerias dos produtos](https://woo.com/document/como-adicionar-imagens-e-galerias-dos-produtos/#section-2) Adicionar imagens e galerias dos produtos são opções disponíveis no lado direito, ao adicionar ou editar um produto em sua loja em **WooCommerce > Produtos**. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/null-58.webp) ### [Imagem do Produto](https://woo.com/document/como-adicionar-imagens-e-galerias-dos-produtos/#section-3) A **Imagem do produto** é a imagem principal do seu produto e é reutilizada em diferentes tamanhos em toda a sua loja. Selecione **Definir imagem do produto**. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/null-60.webp) Selecione uma imagem existente em sua **Biblioteca de mídia** ou **Enviar uma nova**. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/null-62.webp) **Remova **e** edite **a imagem do produto se você desejar alterá-la, conforme necessário. Adicionar, remover e editar uma imagem do produto é feito da mesma forma que as imagens em destaque em posts e páginas. ### [Galerias dos produtos](#) #### [Adicionar imagens à Galeria do produto](#) As galerias dos produtos exibem todas as imagens anexadas a um produto através da caixa de metadados da Galeria do produto. Crie uma **Galeria do produto **usando o mesmo método para adicionar uma Imagem do produto, mas usando a caixa de metadados Galeria do produto. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/null-64.webp) [Reordenar as imagens na galeria do prod](https://woo.com/document/como-adicionar-imagens-e-galerias-dos-produtos/#section-6)[uto](#) As imagens na galeria do produto podem ser facilmente reordenadas ao arrastar e soltar. Reordene as suas imagens, de forma simples, movendo-as de posição. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/null-66.webp) #### [Remover imagens da galeria do produto](#) Para remover uma imagem da galeria do produto, passe o mouse sobre a imagem e clique no “x” em vermelho. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/null-68.webp) ### [Visualização do cliente](#) Após uma imagem e galeria de um produto forem adicionadas, os clientes podem vê-las em sua loja. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/null-70.webp) Também é possível **Ampliar **e ter uma visão mais detalhada, passando o mouse sobre a imagem ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/hover-zoom-image.gif) Ou os clientes podem clicar na opção Lupa + no canto superior direito. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/null-71.webp) E uma **Janela modal** (Lightbox) é exibida para que os clientes possam ver detalhadamente, e com mais destaque, a imagem em um fundo escuro e, se houver, visualizar a Galeria como uma apresentação de slides. ![](https://doc.malvesdev.com.br/wp-content/uploads/2023/12/zoom-lightbox.gif) Os gestos na tela sensível ao toque também funcionam para os dispositivos móveis. ### [Qual é o tamanho de imagem ideal para usar com o WooCommerce?](#) Nós recomendamos um tamanho mínimo de 800 x 800 pixels, largura e altura. Este tamanho tem boa renderização para a imagem principal/em destaque, imagem do catálogo e imagem em miniatura. Imagens maiores são ainda melhores, especialmente se você estiver vendendo itens com muitos detalhes. É possível usar imagens de resolução inferior. No entanto, suas imagens são uma ferramenta fundamental para vender e promover os seus produtos e serviços online e, portanto, devem ser de alta qualidade.