DocumentaçãoCommerceGerenciamento de catálogo

Gerenciar imagens e vídeos de produtos

Last update: Sun Jul 14 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

Criado para:

  • Iniciante
  • Intermediário
  • Administrador
  • Líder
  • Usuário

Para cada produto, você pode fazer upload de várias imagens e vídeos, reorganizar o pedido e controlar como cada um é usado. Se você tiver uma grande quantidade de imagens para gerenciar, talvez prefira importá-las em lote, em vez de carregar cada uma individualmente. Para obter mais informações, consulte Importar imagens de produtos.

Se você planeja carregar imagens grandes para visualização na página Product Details, considere definir um tamanho máximo de pixel (largura e altura) e redimensionar automaticamente os arquivos no carregamento. Há uma opção para habilitar o redimensionamento automático de arquivos de imagem maiores durante o upload. Para obter mais informações, consulte Redimensionamento de imagem do produto.

Atualizar as imagens do produto

  1. Abra o produto no modo de edição.

  2. Para trabalhar com uma exibição de loja específica, defina o seletor de Store View no canto superior esquerdo para a exibição aplicável.

    note note
    NOTE
    As novas imagens do produto são sempre carregadas e visíveis em todas exibições da loja, mesmo se o escopo All Store Views não for usado para carregamento.

    Para ocultar qualquer imagem de produto de um modo de exibição de loja específico, alterne para o Modo de Exibição de Loja, marque a caixa de seleção Hide from Product Page da imagem e clique em Save.

  3. Role para baixo e expanda a seção Images and Videos.

Carregar uma imagem

Para melhor compatibilidade, é recomendável carregar todas as imagens de produtos com o perfil de cores sRGB. Todos os outros perfis de cores são convertidos automaticamente para o perfil de cores sRGB durante o carregamento da imagem do produto, o que pode causar inconsistência de cores na imagem carregada.

O nome do arquivo de imagem, incluindo a extensão, não pode exceder 90 caracteres.

Para fazer upload de uma imagem, siga um destes procedimentos:

  • Arraste uma imagem da sua área de trabalho e solte-a no bloco Câmera ( Ícone de câmera ) na caixa Images And Videos.

  • Na caixa Images And Videos, clique no bloco_ Câmera _( Ícone de câmera ), selecione o arquivo de imagem no computador e clique em Open.

    Carregar ou Arrastar e Soltar {width="600" modal="regular"}

Reorganizar imagens

Para alterar a ordem das imagens na galeria, clique no ícone Sort( Classificar ícone ) na parte inferior do bloco de imagens e arraste a imagem para uma posição diferente na caixa​ Images And Videos.

Ordem de alteração {width="600" modal="regular"}

Excluir uma imagem

Para remover uma imagem da galeria, clique no ícone Delete ( Lixeira ) no canto superior direito do bloco de imagens e clique em Save.

Definir detalhes da imagem

Clique na imagem que deseja abrir na exibição detalhada e siga um destes procedimentos:

Exibição de Detalhes da Imagem {width="600" modal="regular"}

Para fechar a exibição detalhada, clique no ícone Fechar ( Ícone Fechar ) no canto superior direito.

Quando terminar, clique em Save.

Inserir texto alternativo

O texto alternativo de imagem é referenciado por leitores de tela para melhorar a acessibilidade da Web e por mecanismos de pesquisa ao indexar o site. Alguns navegadores exibem o texto Alt ao passar o mouse. O texto alternativo pode ter várias palavras e incluir palavras-chave cuidadosamente selecionadas.

Na caixa Alt Text, digite uma breve descrição da imagem.

Atribuir funções

Por padrão, todas as funções são atribuídas à primeira imagem que é carregada no produto. Para reatribuir uma função a outra imagem, faça o seguinte:

Na caixa Role, escolha a função que deseja atribuir à imagem.

Quando você retornar à seção Imagens e Vídeos, as funções atualmente atribuídas aparecerão abaixo de cada imagem.

Funções atribuídas {width="600" modal="regular"}

Ocultar uma imagem

Para excluir uma imagem da galeria de miniaturas, marque a caixa de seleção Hidden e clique em Save.

Imagens ocultas {width="600" modal="regular"}

Funções da imagem

Função da imagem
Descrição
Thumbnail
As imagens em miniatura são exibidas na galeria de miniaturas, no carrinho de compras e em alguns blocos, como Itens relacionados. Exemplo de tamanho: 50 x 50 pixels
Small Image
A imagem pequena é usada para as imagens do produto em listagens nas páginas de categoria e resultados de pesquisa e para exibir as imagens do produto necessárias para seções como Vendas adicionais, Vendas cruzadas e a Nova lista de produtos. Tamanho do exemplo: 470 x 470 pixels
Base Image
A imagem base é a imagem principal na página de detalhes do produto. O zoom da imagem é ativado se você carregar uma imagem maior do que o container da imagem. Dependendo do nível de zoom que você deseja alcançar, a imagem base deve ter duas ou três vezes o tamanho do contêiner. Exemplos de tamanhos: 470 x 470 pixels (sem Zoom), 1100 x 1100 pixels (com Zoom)
Swatch
Uma amostra pode ser usada para ilustrar a cor, o padrão ou a textura. Exemplo de tamanho: 50 x 50 pixels

Marcas d'água

Se você arcar com as despesas de criar suas próprias imagens originais do produto, não há muito que você possa fazer para impedir que concorrentes sem escrúpulos as roubem com um clique de mouse. No entanto, você pode torná-los um destino menos atraente colocando uma marca d'água em cada imagem para identificá-los como sua propriedade do. Um arquivo de marca d'água pode ser uma imagem JPG (JPEG), GIF ou PNG. Os tipos de arquivo GIF e PNG são compatíveis com camadas transparentes, que podem ser usadas para dar à marca d'água um plano de fundo transparente.

A marca d'água usada para a imagem small no exemplo a seguir é um logotipo preto com um plano de fundo transparente e salvo como um arquivo PNG com as seguintes configurações:

  • Tamanho: 50x50
  • Opacidade: 5
  • Posição: Bloco

Marca d'água lado a lado {width="700" modal="regular"}

Adicionar marcas d'água às imagens do produto

  1. Na barra lateral Admin, vá para Content > Design>Configuration.

    Para obter mais informações sobre configurações de design, consulte Configuração de design.

  2. Localize a exibição de armazenamento que você deseja configurar e clique em Edit na coluna Action.

  3. Em Other Settings, expanda Seletor de expansão a seção Product Image Watermarks.

    Marcas D'Água Da Imagem Do Produto - Base {width="600" modal="regular"}

    As configurações de imagem de Base, Thumbnail, Small e Swatch Image são iguais.

  4. Use um dos métodos a seguir para adicionar o ativo de imagem de marca d'água:

    • Clique em Upload e escolha o arquivo de imagem em seu sistema que você deseja carregar para uso como marca d'água.
    • Clique em Select from Gallery e selecione um ativo de imagem na Galeria de Mídia.

  5. Conclua as configurações da exibição de marca d'água:

    • Insira o Image Opacity como uma porcentagem. Por exemplo: 40

    • Insira o Image Size em pixels. Por exemplo: 200 x 200

    • Defina Image Position para determinar onde a marca d'água aparece.

  6. Quando terminar, clique em Save Config.

  7. Quando for solicitado atualizar o cache, clique em Cache Management na mensagem do sistema e atualize o cache inválido.

    Atualizar cache {width="600" modal="regular"}

TIP
Você pode clicar em Use Default Value Retorno de seta para restaurar o valor padrão.

Excluir uma marca d'água

  1. No canto inferior esquerdo da imagem, clique no ícone Delete ( Lixeira ).

    Excluir Marca D'Água {width="300"}

  2. Clique em Save Config.

  3. Quando for solicitado atualizar o cache, clique em Cache Management na mensagem do sistema e atualize o cache inválido.

    Se a imagem da marca d'água persistir na loja, volte para o gerenciamento de cache e clique em Flush Magento Cache.

recommendation-more-help
af062d56-f22c-4537-813d-bedf8b92a071