Las imágenes se vuelven cuadradas en la vista móvil

Soporte
1

He notado que muchas imágenes cargadas se están comprimiendo a una imagen “cuadrada” en la vista móvil.
¿Podría indicarme si esto es un diseño esperado o el resultado de una configuración?
¡Muchas gracias!

Vista móvil:

image
image391×307 56.2 KB

Vista en PC de la misma imagen:
image
image925×460 145 KB

2

Subir una imagen para confirmar

image
image508×290 16.6 KB

Esta imagen se subió desde mi iPhone con iOS 14 y se ve bien. ¿Quizás la imagen se está comprimiendo en tu teléfono antes de subirla? Para mí funciona sin problemas.

¿Qué navegador y versión estás usando? ¿Y qué sistema operativo y versión de teléfono tienes?

3

Ten en cuenta que es la misma imagen en ambas ocasiones, solo que vista en móvil. Parece que el cálculo de la relación de aspecto o la altura se ha visto afectado.

4

Gracias por responder.

No creo que esté siendo comprimido, ya que subí una captura de pantalla directamente.

El navegador que usé en PC es Chrome.
Para el teléfono, es Android 10.

Este es el enlace a la imagen problemática que publiqué:

Quizás quieras verificar si encuentras el mismo problema con la imagen en el enlace de arriba.

5

Sí, es la misma imagen, pero se ve diferente en PC y en móviles.

6

Se debe a las reglas CSS de un tema/componente personalizado:

// Tema: Tamaño de emojis
// Objetivo: scss para móvil
// Última edición: 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

¡Muchas gracias por averiguar la causa raíz! Sin embargo, sigo confundido sobre dónde puedo encontrar esta regla. ¿Tienes alguna idea de cómo se puede editar o cambiar?

8

En tu panel de administrador, ve a Personalizar > Temas. Selecciona el tema o componente adecuado, haz clic en Editar CSS/HTML y luego verifica la pestaña CSS, probablemente en la pestaña superior para móviles. Deberías encontrar el código CSS correspondiente escrito en algún lugar y puedes comentarlo o eliminarlo:

(aquí está comentado)

// Tema: 表情大小
// Destino: mobile scss
// Última edición: 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

¡Sí, al eliminarlo se ha solucionado el problema. ¡Muchas gracias!