DocumentaçãoCommerceGerenciamento de catálogo

Gerenciar imagens e vídeos de produtos

Last update: Tue Nov 28 2023 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 do produto.

Se você planeja fazer upload de imagens grandes para visualização no Product Details ​considere definir um tamanho máximo de pixel (largura e altura) e redimensionar automaticamente os arquivos no upload. 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 visualização de loja específica, defina a Store View no canto superior esquerdo para a exibição aplicável.

    note note
    NOTE
    Novas imagens do produto são sempre carregado e visível no all exibições de loja, mesmo se a variável All Store Views o escopo não é usado para upload.

    Para ocultar qualquer imagem de produto de uma exibição de loja específica, você deve alternar para a Exibição de loja e selecionar a Hide from Product Page para a imagem e clique em Save.

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

Carregar uma imagem

Para melhor compatibilidade, é recomendável carregar todas as imagens do produto com o sRGB perfil de cores. Todos os outros perfis de cores são convertidos automaticamente para o sRGB perfil de cores durante o upload 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 na Câmera (  Ícone da câmera ) lado a lado no Images And Videos ​caixa.

  • No Images And Videos, clique no link_ Câmera _(  Ícone da câmera ), selecione o arquivo de imagem no seu 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 Sort(  Ícone Classificar  ) na parte inferior do bloco de imagens e arraste a imagem para uma posição diferente no​ Images And Videos caixa.

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

Excluir uma imagem

Para remover uma imagem da galeria, clique no link Delete (  Ícone de 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 detalhada da imagem {width="600" modal="regular"}

Para fechar a view detalhada, clique no link 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.

No Alt Text ​insira 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:

No Role ​escolha a função que deseja atribuir à imagem.

Quando você retornar ao Imagens e vídeos , as funções atualmente atribuídas aparecem abaixo de cada imagem.

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

Ocultar uma imagem

Para excluir uma imagem da galeria de miniaturas, selecione a 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
A amostra pode ser usado 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 o pequeno A imagem 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. No Admin barra lateral, 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 loja que deseja configurar e clique em Edit no Action ​coluna.

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

    Marcas d'água da imagem do produto - Base {width="600" modal="regular"}

    A variável Base, Thumbnail, Small, e Swatch Image as configurações de imagem são as mesmas.

  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 fazer upload para usar 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

    • Definir 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 na guia Delete (  Ícone de lixeira  ) ícone.

    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