Bild in der Spalte gestaucht

Hallo,

ich denke, das ist nicht normal, da die Größe der Spalten je nach Bildschirmgröße geändert wird. Normalerweise wird bei responsiven Vorlagen eine Eigenschaft max-width: 100 % auf alle Bilder angewendet, um sie responsiv zu machen. Wenn Sie es nicht haben, haben Bilder eine feste Größe, es funktioniert nicht auf kleinen Bildschirmen.

Sehen Sie im Anhang, was normalerweise mit 3 Spalten passiert.

Prost,

Obwohl TOs Problem schon lange her ist, muss ich es vorantreiben, weil ich das gleiche Problem habe. Und ich habe die Ursache für dieses Verhalten herausgefunden: Es passiert, wenn Sie die Größe von Bildern ändern und einen beliebigen Parameter des Bildes im Dialogfeld „Bildeigenschaften“ ändern (oder heißt es „Bildeigenschaft“? Ich verwende nicht die englische Version)
. Ein Beispiel: Ich füge ein Bild in meinen Artikel ein und ändere die Größe, indem ich es mit der Maus auf 400 x 300 Pixel ziehe. Im Quellcode gibt es
width="400" height="300".
Doppelklicken Sie nun auf das Bild, um den Bildeigenschaftendialog zu starten, und klicken Sie einfach auf OK. Jetzt wurde der Quellcode in
img style="width:400px; hight:300px;"
Es ist lediglich eine andere Möglichkeit, den Größenparameter in HTML einzufügen, aber die Methode style="... führt dazu, dass Bilder aus irgendeinem Grund gestaucht werden, wenn die Größe des Browserfensters geändert wird.

Gibt es eine Möglichkeit, die Codierung zu ändern?

Hallo,

danke für das Feedback dazu. Kannst du mir hier einen Screenshot der Bildeinstellungen posten, die du mir mitgeteilt hast?
Übrigens: Verwenden Sie keine Ziehpunkte, um die Größe von Bildern in Ihren Inhalten zu ändern. Die Bilder werden sonst in einer nicht natürlichen Dimension angezeigt, was den doppelten Vorteil hat, dass sie schwer sind und eine falsche Anzeigequalität erzielen. Es kann auch zu Problemen im reaktionsfähigen Teil kommen.

Prost,

Vielen Dank, Tristan, für die Antwort. Natürlich kann ich ein paar Screenshots machen.

Ich habe ein einfaches Beispiel mit einem Bild gemacht, das die Originalgröße 800x535px hat.

1. Ändern Sie die Größe, indem Sie die Ziehpunkte direkt im Drop-Editor verwenden (übrigens ist es nichts Falsches, es so zu machen, solange Sie proportional bleiben). Wenn Sie das verkleinerte Browserfenster aktivieren, ist das Bild im richtigen Verhältnis und reagiert vollständig. [resized_in_dropedit_by_handles.png]

2. Dann habe ich auf das Bild doppelgeklickt, um den Eigenschaftendialog zu öffnen, habe nichts geändert – nur auf „OK“ geklickt. Wie Sie sehen, hat sich der Quellcode geändert und das gleiche Bild im gleichen verkleinerten Browserfenster wird gestaucht angezeigt und reagiert nicht mehr. [resized_by_properties-dialog.png]

Ich hoffe, dass dies das Problem klarer macht und dazu beiträgt, DropEditor besser zu machen (ich denke, DE ist der intelligenteste Joomla-Editor).

Übrigens. Das ist ein weiterer Punkt, aber wäre es möglich, im Eigenschaftendialog von Bildern ein Bildklassenfeld zu erhalten? Dies würde den Klassenwechsel etwas komfortabler machen.

Grüße, Frank

Hallo,


okay, ich glaube, ich hab's verstanden. Das Problem stammt vom alten Bildbearbeitungstool, das im Editor integriert war (nur die Eigenschaft „Bild-Button“).
Wir arbeiten an einer aktualisierten Version von Droppics , die das Problem durch die Generierung von dynamischen Vorschaubildern behebt.

Der erste Hinweis zur natürlichen Bildgröße ändert nichts am Problem, er ist nur ein Tipp. Eine zu große Bildgröße verlangsamt Ihre Website und wird von allen SEO-Analysetools als Fehler erkannt. In Chrome wurde das Tool zum Bearbeiten von Bildausschnitten aus dem Editor entfernt.

Viele Grüße,

Okay, das wäre ein tolles Update.

Bisher habe ich das mit droppics (Pro) manuell gemacht, indem ich eine Kopie in der gewünschten Größe erstellt habe. Ein automatisch generiertes Vorschaubild wäre viel komfortabler – sehr willkommen! Mein Problem dabei ist, dass Bilder, die in Artikeln in ihrer maximalen Größe eingefügt werden, auf hochauflösenden Bildschirmen etwas unscharf aussehen. Beispielsweise sieht ein 400x300px großes Bild in einem Artikel auf meinem Büromonitor mit 72 dpi gut aus, auf einem Tablet mit weniger als 200 dpi jedoch unscharf (verursacht durch die Browser-Skalierung). Ein Bild mit den physischen Abmessungen 600x448px, das auf 400x300px skaliert wurde, sieht auf HiRes-Bildschirmen viel schärfer aus. Die Dateigrößen sind zwar etwas größer, aber nicht so viel. Für HiRes-Bildschirme kenne ich keine andere Möglichkeit, Bilder scharf darzustellen.

Viele Grüße, Frank

Okay, das wäre ein tolles Update.

Früher habe ich das manuell mit droppics (Pro) gemacht, indem ich eine Kopie in der gewünschten Größe erstellt habe. Ein automatisch generiertes Vorschaubild wäre viel komfortabler – sehr willkommen. Mein Problem dabei ist, dass Bilder, die in Artikeln in ihrer maximalen Größe eingefügt werden, auf hochauflösenden Bildschirmen etwas unscharf aussehen. Beispielsweise sieht ein 400x300px großes Bild in einem Artikel auf meinem Büromonitor mit 72 dpi gut aus, auf einem Tablet mit 200 dpi jedoch unscharf (verursacht durch die Browser-Skalierung). Ein Bild mit den physischen Abmessungen 600x448px, das auf 400x300px skaliert wurde, sieht auf HiRes-Bildschirmen viel schärfer aus. Die Dateigrößen sind zwar etwas größer, aber nicht so viel. Für HiRes-Bildschirme kenne ich keine andere Möglichkeit, Bilder scharf darzustellen.

Viele Grüße, Frank.

PS: Entschuldigung, dass ich es erneut gepostet habe. Das System hat meinen Text wegen der Verwendung eines Pfeilsymbols abgeschnitten. Ich werde in meinen nächsten Nachrichten sorgfältiger sein.