Configuração da imagem 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. Para oferecer suporte a esse tipo de upload de imagem do produto, há uma opção para permitir o redimensionamento automático de arquivos de imagem maiores durante o upload. Para um produto que você deseja adicionar ao catálogo, mas ainda não tem um ativo de imagem para exibir, é possível configurar uma imagem de espaço reservado.

Redimensionamento de imagem do produto

Ao fazer upload de imagens de produtos, você pode adicionar imagens maiores com tamanhos variados para fornecer zoom detalhado e de alta qualidade no Product Details ​página. Para garantir que todas as imagens tenham tamanho e aparência semelhantes, há uma opção de redimensionamento de imagem para garantir que todas as imagens correspondam a um tamanho de pixel específico. Essa opção redimensiona automaticamente todas as imagens do produto usando as configurações, o que pode ajudar no desempenho do zoom, no carregamento mais rápido das imagens e na manutenção de uma aparência uniforme nas imagens do produto.

NOTE
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.

A definição de uma largura e uma altura máximas de pixel redimensiona a imagem para as dimensões físicas por pixel. O Commerce redimensiona a imagem de acordo com a maior quantidade de largura ou altura, mantendo as proporções. A redução da quantidade de qualidade de imagens JPG reduz o tamanho do arquivo.

Por exemplo, um JPG de 3000 x 2100 pixels a 100% pode ser um arquivo de imagem de 5 mb ou maior. O redimensionamento dessa imagem reduziria a largura para 1920 pixels, mantendo proporções e a qualidade para 80%, a fim de fornecer um tamanho de arquivo muito menor com alta qualidade.

Ativar redimensionamento de imagem

  1. No Admin barra lateral, vá para Stores > Settings>Configuration.

  2. No painel esquerdo, expanda Advanced e escolha System.

  3. Expandir Seletor de expansão o Configuração de upload de imagens seção.

    Para alterar as configurações padrão, desmarque a opção Use system value se necessário.

    Configuração de upload de imagem {width="600" modal="regular"}

    Para obter uma lista detalhada dessas configurações, consulte Configuração de upload de imagem no Referência de configuração.

  4. Para habilitar, verifique se Enable Frontend Resize está definida como Yes.

  5. Insira um Quality configuração entre 1 e 100%.

    Uma configuração entre 80 e 90% é recomendada para um tamanho de arquivo reduzido e alta qualidade.

  6. Defina o Maximum Width em pixels para a imagem.

    Quando a imagem é redimensionada, ela não excede essa largura e mantém proporções.

  7. Defina o Maximum Height em pixels para a imagem.

    Quando a imagem é redimensionada, ela não excede essa altura e mantém proporções.

  8. Quando terminar, clique em Save Config.

Descrições dos campos

Campo
Escopo
Descrição
Quality
Global
Determina a qualidade do JPG para a imagem redimensionada. Uma qualidade inferior reduz o tamanho do arquivo. Recomenda-se de 80 a 90% para ajudar a reduzir o tamanho do arquivo com alta qualidade. Padrão: 80
Enable Frontend Resize
Global
Permite que o Commerce redimensione imagens grandes e grandes que você pode carregar para a Product Details ​página. O Commerce redimensiona os arquivos de imagem usando JavaScript ao fazer upload do arquivo. Quando a imagem é redimensionada, ela mantém as proporções exatas, para atender e não exceder o maior tamanho para Largura máxima ou Altura máxima. Padrão: Yes
Maximum Width
Global
Determina a largura máxima em pixels para a imagem. Quando a imagem é redimensionada, ela não excede essa largura. Padrão: 1920
Maximum Height
Global
Determina a altura máxima em pixels para a imagem. Quando a imagem é redimensionada, ela não excede essa altura. Padrão: 1200

Espaços reservados para imagens

O Adobe Commerce e o Magento Open Source usam imagens temporárias como espaços reservados até que as imagens permanentes do produto fiquem disponíveis. Um espaço reservado diferente pode ser carregado para cada função. A imagem inicial do espaço reservado é um exemplo de logotipo, que pode ser substituído pela imagem de sua escolha.

Espaço reservado da imagem

Para fazer upload de imagens de espaço reservado:

  1. No Admin barra lateral, vá para Stores > Settings>Configuration.

  2. No painel esquerdo, expanda Catalog e escolha Catalog por baixo.

  3. Expandir Ícone Expansão o Product Image Placeholders seção.

    Marcadores de posição de imagem do produto {width="600" modal="regular"}

    Para obter uma lista detalhada dessas configurações, consulte Marcadores de posição de imagem do produto no Referência de configuração.

  4. Para cada função de imagem, clique em Choose File, localize a imagem em seu computador e faça upload do arquivo.

    Você pode usar a mesma imagem para todas as três funções ou pode fazer upload de uma imagem de espaço reservado diferente para cada função.

  5. Quando terminar, clique em Save.

Para obter informações sobre funções de imagem e tamanhos recomendados, consulte Carregar uma imagem.

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