Wie man die Breite bis zum Rand des Beitrags maximiert

Ich möchte sicherstellen, dass ein „Hochformat“-Bild nicht skaliert wird, wenn es gepostet wird. Ich möchte, dass die volle Breite berücksichtigt wird. Wie mache ich das?

2 „Gefällt mir“

Stellen Sie die Seite bereit, vielleicht schaut sich jemand sie genauer an, ansonsten spielen Sie mit den Browserfunktionen zur Seiteninspektion herum, fügen Sie object-fit contain/fill usw. oder einige Ränder, vielleicht aspect-ratio usw. zu dem Element hinzu, mit dem Sie arbeiten, und Sie werden es herausfinden, ich wette :+1:

Wie das

Und natürlich darf der Marktplatzansatz, wenn Sie ein paar Dollar oder Bitcoin anzubieten haben, nicht übersehen werden :hugs:

2 „Gefällt mir“

Sie können auf den Websiteeinstellungen nach image suchen und damit herumspielen. Aber ich glaube nicht, dass Sie das bekommen, was ich denke, dass Sie suchen. Sicher, mit Plugins und Themes kann man seltsame und wunderbare Dinge tun, aber basierend auf dem, was wir haben, habe ich das Gefühl, dass es nicht so einfach oder sogar möglich ist.

Aber ich habe mich schon früher geirrt. Ein paar Mal :zany_face:

3 „Gefällt mir“

Würde die Admin-Einstellung min ratio to crop dabei helfen?

2 „Gefällt mir“

Diese Theme component könnte ebenfalls helfen. Beachten Sie, dass sie sich noch in der experimentellen Phase befindet. Sie wird aber auch hier auf Meta für einige Theme verwendet

1 „Gefällt mir“

Ich habe das versucht – das ist es nicht. – Ich suche immer noch nach einer Lösung.

Hast du die anderen Bildeinstellungen überprüft, wie Jagster vorgeschlagen hat? Insbesondere max image width

1 „Gefällt mir“

Das habe ich getan – eine Änderung auf 1200 hat keinen Unterschied gemacht … die einzige Möglichkeit, die ich gefunden habe, es zu ändern, ist, es im eigentlichen Foto zu ändern.

Ich möchte nur, dass das „Porträtbild“ die volle Breite des Beitrags einnimmt.

Diese Komponente ist instabil, da sie selbst mit der aktuellsten Discourse-Installation alles nach links verschiebt (kein Padding) – sie hat mein Staging-Theme zerstört.

Vielleicht überschreiten diese Bilder die maximale Bildhöhe, bevor sie die maximale Bildbreite überschreiten?

Im Allgemeinen gefällt es mir, dass Bilder in ihrer Größe begrenzt sind. Auf kleineren Bildschirmen, wie meinem Tablet, wäre das Bild sonst größer als mein Bildschirm.

2 „Gefällt mir“

Seltsam. Tablets sollten sich unabhängig davon skalieren, was eine Website vorschlägt. Das iPad funktioniert sowieso so, und eines… Ich glaube, es war ein Samsung. Aber alle Telefone können das.

Jedenfalls. Die Handhabung von Bildern ist eine Schwachstelle von Discourse. Ein schreckliches Durcheinander.

1 „Gefällt mir“

Es scheint eine einfache Sache zu sein … das Bild, wenn es als Hochformat gepostet wird, sollte die volle Breite des Beitragsbreitencontainers einnehmen … (wenn nicht als Standard, aber eine einfache Möglichkeit, dies einzurichten).

Ich glaube, jeder vertraut hier auf Lightboxing.

Wenn die maximale Bildhöhe höher ist als mein Bildschirm, passt sie nicht auf den Bildschirm, ohne zu scrollen. Warum sollte das Tablet das Bild im Beitrag verkleinern?


Mit dem Standardwert sieht es so aus:

Ich kann das gesamte Bild ohne Scrollen sehen.

Unterschiedliche Bildschirmabmessungen sind etwas, das man bei der Änderung der maximalen Bildhöhe berücksichtigen sollte.

1 „Gefällt mir“

Weil Handys benutzerfreundlicher sind als Desktops?

1 „Gefällt mir“

Ja, das ist ein Risiko bei experimentellen Dingen. Was das Padding angeht, könnten Sie eine benutzerdefinierte Komponente hinzufügen, um es zu ergänzen, mit Überschreibungen und Hinzufügen von Padding usw.

Wenn Sie ein Fotografieforum besitzen, sind Bilder König und es ist nicht so, dass sie alle Fotos im Hochformat posten, aber wenn sie es tun, macht es ihnen nichts aus, dass sie scrollen müssen.

Sie möchten also ein Bild auf die volle Breite dehnen, auch wenn die intrinsische Bildgröße kleiner als die Seitenbreite ist?

Ich würde das nicht empfehlen, da Sie wahrscheinlich an Qualität verlieren werden, aber:

Haben Sie versucht, eine Kombination aus den Einstellungen max image height und max image width auf einen hohen Wert zu setzen und CSS zu verwenden, um Folgendes festzulegen:

.cooked img:not(.thumbnail):not(.ytp-thumbnail-image):not(.emoji) {
    width: 100%;
    max-width: 100%;
}

Das scheint auf meiner Seite das zu tun, was Sie beschreiben.

2 „Gefällt mir“

Das Fotografieforum würde keine kleinen Bilder anzeigen, schätze ich. Ich weiß es zwar nicht, aber ich denke, das Problem ist die automatische Skalierung. Alle Bilder sind etwa 800xirgendwas und dann gibt es leeren Platz, obwohl dort etwas wie 1500xirgendwas angezeigt werden könnte.

Aber ich schätze, das ist im Grunde nur ein Problem mit Desktops, denn Mobiltelefone neigen dazu, zu erraten, was ein Benutzer tun kann oder nicht.

Fotografen posten fast nie „kleine“ Fotos… der Prozess ist einfach:

1) Foto hochladen

Wenn das Foto kleiner ist als die Breite des Beitrags:
Verhältnis beibehalten und die Breite dehnen, um die volle Breite des Beitrags einzunehmen.

Wenn das Foto gleich groß oder größer ist:
Bildverhältnis beibehalten, aber die volle Breite des Beitrags einnehmen.