¡Hola de nuevo!
Cuando nuestro foro estaba previamente en Flarum, una cosa divertida que se podía hacer era añadir etiquetas de tamaño para modificar la altura y el ancho de una imagen para estirarla y aplastarla, así (puede que esté recordando mal cómo era la etiqueta)
He intentado usar equivalentes HTML en imágenes subidas con Discourse, pero todo lo que hace es recortar la imagen.
No veo que haya ninguna forma de hacer esto con imágenes subidas en Discourse. ¿Me equivoco?
Cuando la imagen es grande y cambias las dimensiones, se recorta automáticamente debido al CSS de la lightbox.
Incluso si la redimensionas:
Las imágenes pequeñas se pueden publicar con la relación de aspecto deseada.
Quizás haya una forma muy rudimentaria de encontrar, como usar una clase autorizada para la etiqueta <img>, como avatar:
<img width="376" height="50" src="https://meta.discourse.org/secure-uploads/original/4X/b/e/6/be6f2ea64830fe0aaec6c192f3b39c38ce5f179c.png" class="avatar">
Pero fuerza un radio de borde.
El original es cuadrado y fuerza una lightbox:
Si eres un administrador, diría que la forma más fácil es usar un envoltorio personalizado y definir una regla CSS. Por ejemplo:
[wrap=ratio]
!image|500x300](upload://raEVqkaMNqIXQ9YcsiZuYefukFu.png)
[/wrap]
[data-wrap="ratio"] .lightbox-wrapper img {
object-fit: unset;
}
No me sorprendería si hubiera una forma de forzar la relación de aspecto como usuario, o incluso una forma más fácil como administrador. Quizás ni siquiera usar un envoltorio y forzar unset en object-fit en un div de lightbox, pero eso podría estropear el diseño normal. No lo sé.