Imagens ficam quadradas na visualização mobile

Suporte
1

Notei que muitas imagens carregadas estão sendo comprimidas para um formato “quadrado” na visualização mobile.
Posso saber se isso é um design esperado ou resultado de uma configuração?
Muito obrigado!

Visualização mobile:

image
image391×307 56.2 KB

Visualização no PC da mesma imagem:
image
image925×460 145 KB

2

Carregando uma imagem para confirmar

image
image508×290 16.6 KB

Essa imagem foi carregada do meu iPhone com iOS 14 e funcionou perfeitamente. Talvez a imagem esteja sendo comprimida no seu celular antes do upload? Funciona bem para mim.

Qual navegador e versão você está usando? E qual sistema operacional do celular e versão você tem?

3

Note que é a mesma imagem em ambos os casos, apenas visualizada no celular? Parece que o cálculo da proporção / altura foi comprometido.

4

Obrigado pela resposta.

Não acho que esteja sendo comprimido, pois fiz o upload de uma captura de tela diretamente.

O navegador que usei no PC é o Chrome.
No celular, é Android 10.

Este é o link para a imagem com problemas que postei:

Talvez você queira verificar se encontra o mesmo problema com a imagem no link acima?

5

Sim, é a mesma imagem, mas ela aparece de forma diferente no PC e no celular.

6

Isso ocorre devido a regras CSS de um tema/componente personalizado:

// Tema: Tamanho dos emojis
// Alvo: mobile scss
// Última edição: 2016-02-10 14:39:25 UTC

div.contents.regular > div > p > img{
    height:100px;
    width:100px;
}
div.d-editor-container > div.d-editor-preview-wrapper > div > p > img{
    height:100px;
    width:100px;
}
7

Muito obrigado por descobrir a causa raiz! No entanto, ainda estou confuso sobre onde posso encontrar essa regra. Você tem alguma ideia de como isso pode ser editado ou alterado?

8

No seu painel de administrador, vá para Personalizar > Temas. Selecione o tema ou componente adequado, clique em Editar CSS/HTML e, em seguida, verifique a aba CSS, provavelmente na aba superior de Mobile. Você deve encontrar o código CSS correspondente escrito em algum lugar e poderá comentá-lo ou excluí-lo:

(aqui está comentado)

// Tema: 表情大小
// Destino: mobile scss
// Última Edição: 2016-02-10 14:39:25 UTC
/*
div.contents.regular > div > p > img{
    height:100px;
    width:100px;
}
div.d-editor-container > div.d-editor-preview-wrapper > div > p > img{
    height:100px;
    width:100px;
}*/
9

Sim, removê-lo resolveu o problema. Muito obrigado!