Olá novamente!
Quando nosso fórum estava anteriormente no Flarum, uma coisa divertida era adicionar tags de tamanho para modificar a altura e a largura de uma imagem para esticá-la e achatá-la, assim (pode ser que eu esteja me lembrando errado de como era a tag)
Tentei usar equivalentes em HTML em imagens carregadas com o Discourse, mas tudo o que isso faz é cortar a imagem.
Não vejo nenhuma maneira de fazer isso com imagens carregadas no Discourse. Estou enganado?
Quando a imagem é grande e você altera as dimensões, ela é cortada automaticamente por causa do CSS do lightbox.
Mesmo que você a redimensione:
Imagens pequenas podem ser postadas com a proporção desejada.
Talvez haja uma maneira muito improvisada de ser encontrada, como usar uma classe autorizada para a tag <img>, como avatar:
<img width="376" height="50" src="https://meta.discourse.org/secure-uploads/original/4X/b/e/6/be6f2ea64830fe0aaec6c192f3b39c38ce5f179c.png" class="avatar">
Mas isso força um border-radius.
O original é quadrado e força um lightbox:
Se você for um administrador, eu diria que a maneira mais fácil é usar um wrap personalizado e definir uma regra CSS. Por exemplo:
[wrap=ratio]
!image|500x300](upload://raEVqkaMNqIXQ9YcsiZuYefukFu.png)
[/wrap]
[data-wrap="ratio"] .lightbox-wrapper img {
object-fit: unset;
}
Não ficaria surpreso se houvesse uma maneira de forçar a proporção como usuário, ou mesmo uma maneira mais fácil como administrador. Talvez nem usar um wrap e forçar unset em object-fit em um div lightbox, mas isso pode bagunçar o layout normal. Não sei.