Menu
Feedback
Comece aqui
Tutoriais
Portal do desenvolvedor

Problemas conhecidos
Diretivas de suporte
Troubleshooting

Perguntas frequentes
Comunicados
Perguntas frequentes
Por que a imagem 'thumb' está em baixa qualidade?
Por que a imagem 'thumb' está em baixa qualidade?
Publicado em 09/05/2017
Última atualização em 20/04/2022

As miniaturas (ou “thumbs”) de imagens possibilitam um carregamento rápido de uma página, e além disso, tornam fácil o reconhecimento rápido de produtos, pois muitos podem ser apresentados na tela ao mesmo tempo.

Para tornar rápido o carregamento da página, estas imagens são redimensionadas e comprimidas de acordo com a configuração do CMS da página. Se o tamanho do arquivo (em KB) para a imagem for muito baixo, distorções podem comprometer a qualidade da miniatura, e por isso, recomenda-se aumentar o tamanho até que a qualidade esteja satisfatória.

Para realizar esta configuração:

  1. Acesse Configurações da loja > CMS > Configurações.
  2. Vá até a aba Tipos de arquivos.
  3. Clique em Alterar na linha Produto - Thumb.
  4. No painel exibido é possível escolher o tamanho máximo de arquivo para as miniaturas no campo Tamanho Máximo em KB.

{"base64":"  ","img":{"width":1091,"height":559,"type":"png","mime":"image/png","wUnits":"px","hUnits":"px","length":52925,"url":"https://raw.githubusercontent.com/vtexdocs/help-center-content/refs/heads/main/docs/pt/faq/Marketing%20&%20Merchandising/porque-a-imagem-thumb-esta-em-baixa-qualidade_1.PNG"}}

Recomendamos também a leitura do artigo Melhorar a performance de imagens de produtos para aprender como melhorar a qualidade de qualquer imagem da loja evitando ao máximo o prejuízo de performance de carregamento da página.

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback