Willkürliche nichtproportionale Bildgrößenänderung

Hallo nochmal!

Als unser Forum früher Flarum nutzte, war es eine lustige Sache, Größen-Tags hinzuzufügen, um die Höhe und Breite eines Bildes zu ändern, um es zu strecken und zu stauchen, so (ich erinnere mich vielleicht nicht mehr genau, wie der Tag lautete)

Ich habe versucht, HTML-Äquivalente für hochgeladene Bilder mit Discourse zu verwenden, aber das bewirkt nur, dass das Bild beschnitten wird.

Ich sehe keine Möglichkeit, dies mit hochgeladenen Bildern in Discourse zu tun. Irre ich mich?

Wenn das Bild groß ist und Sie die Abmessungen ändern, wird es aufgrund der Lightbox-CSS automatisch zugeschnitten.

Auch wenn Sie es verkleinern:

Kleine Bilder können mit dem gewünschten Seitenverhältnis gepostet werden.

image

image

Vielleicht gibt es einen sehr umständlichen Weg, wie die Verwendung einer autorisierten Klasse für das <img>-Tag, wie avatar:

<img width="376" height="50" src="https://meta.discourse.org/secure-uploads/original/4X/b/e/6/be6f2ea64830fe0aaec6c192f3b39c38ce5f179c.png" class="avatar">

Aber es erzwingt einen border-radius.

Das Original ist quadratisch und erzwingt eine Lightbox:

Wenn Sie Administrator sind, wäre der einfachste Weg, eine benutzerdefinierte Umhüllung zu verwenden und eine CSS-Regel zu definieren. Zum Beispiel:

[wrap=ratio]
!image|500x300](upload://raEVqkaMNqIXQ9YcsiZuYefukFu.png)
[/wrap]
[data-wrap="ratio"] .lightbox-wrapper img {
    object-fit: unset;
}

Ein Bild eines lachenden Gesichts mit Tränen. (Beschriftet von AI)

Ich wäre nicht überrascht, wenn es einen Weg gäbe, das Seitenverhältnis als Benutzer zu erzwingen, oder sogar einen einfacheren Weg als Administrator. Vielleicht nicht einmal eine Umhüllung verwenden und unset für object-fit in einem Lightbox-Div erzwingen, aber das könnte das normale Layout durcheinander bringen. Ich weiß es nicht.