As imagens estão distorcidas no iphone e safari

Olá, publiquei meu tema, mas ao visualizá-lo nos iphone e navegadores safari, as imagens são carregadas na versão desktop e parecem comprimidas ou esticadas. Use o responsive-layout como blocks para desktop, tablet e telefone. Há algum modo de consertar isso?

Saudações e obrigada pela ajuda!

Quais blocos de imagem estão dando problema?
Está utilizando o assets builder ou subindo as imagens pelo site editor?

Olá Maria, tudo bem?

Estamos revendo os tópicos mais relevantes/visitados da nossa comunidade e por isso, reabrimos a sua pergunta.

Quando você usa o bloco “responsive-layout” e acontece distorção, geralmente é por conta da dimensão que é feito o upload da imagem na VTEX, isso pois o layout responsivo vai redimensionar tudo da versão desktop para a versão mobile e forçar as imagem para redimensionar, e dependendo do tamanho pode acontecer de distorcer a imagem mesmo.

Vou te passar algumas documentações que podem ajudar a entender e corrigir.

Boas práticas para o uso de imagens no Catálogo

Melhorar a performance de imagens de produtos

Por que as imagens da minha loja estão sendo exibidas com baixa qualidade?

E por fim, mas não menos importante uma documentação que explica a diferença entre o layout responsivo e a versão mobile do layout

Espero que as informações ajudem, mas se precisar de uma ajuda mais específica, recomendo abrir um ticket com o nosso time de suporte da VTEX, ok? :smiley:

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.