Bilden i kolumn pressad

Hej,

jag tror att det inte är normalt eftersom kolumner har ändrat storlek angående skärmstorlek. vanligtvis på responsiv mall tillämpas en egenskap max-width: 100% på alla bilder för att göra dem responsiva. Om du inte har det har bilderna en fast storlek, det fungerar inte på liten skärm.

Se bifogad häftning händer med 3 kolumner vanligtvis.

Skål,

Även om det är lång tid efter TO:s problem måste jag driva detta eftersom jag har samma problem. Och jag har tagit reda på orsaken till detta beteende: Det händer om du ändrar storlek på bilder och ändrar någon parameter i bilden i dialogrutan för bildegenskap (eller kallas det för bildegenskap? Jag använder inte den engelska versionen)
Ett exempel: Jag lägger in en bild i min artikel och ändrar storlek på den genom att dra den med musen till 400x300px. I källkoden finns
width="400" hight="300".
Dubbelklicka nu på bilden för att starta dialogrutan för bildegenskaper och klicka bara på OK. Nu ändrades källkoden till
img style="width:400px; hight:300px;"
Det är helt enkelt ett annat sätt att sätta storleksparametern i HTML men style="... sättet gör att bilder av någon anledning blir klämda när man ändrar storlek på webbläsarfönstret.

Finns det något sätt att ändra kodningen?

Hej,

tack för feedbacken om det. Kan du lägga upp en skärmdump av bildinställningarna du sa till mig här?
Förresten, använd inte handtag för att ändra storlek på bilder i ditt innehåll, du kommer att få bilder som visas i en icke naturlig dimension som har den dubbla fördelen av att vara tunga och få fel kvalitet på visningen. Det kan också orsaka problem i den responsiva delen.

Skål,

Tack Tristan för svar, självklart kan jag göra några skärmdumpar.

Jag gjorde ett enkelt exempel med en bild som har originalstorleken 800x535px.

1. Ändra storlek på den genom att använda handtagen direkt i drop-editorn (btw. inget fel med att göra det på det sättet så länge du förblir proportionell). Lås vid det krympta webbläsarfönstret, bilden är i rätt förhållande och fullt responsiv. [resized_in_dropedit_by_handles.png]

2. Sedan dubbelklickade jag på bilden för att öppna dialogrutan Egenskaper, ändrade ingenting - klickade bara på 'OK'. Källkoden ändrades som du kan se och samma bild i samma krympta webbläsarfönster visas sammanpressad och inte längre responsiv. [resized_by_properties-dialog.png]

Jag hoppas att detta gör problemet tydligare och hjälper till att göra DropEditor bättre (jag tror att DE är den smartaste Joomla Editor).

Btw. detta är en annan punkt, men skulle det vara möjligt att få ett bildklassfält i egenskapersdialogen för bilder? Detta skulle göra klassbytena lite bekvämare.

Hälsningar, Frank

Hej,


okej, jag tror jag har förstått. Det här är ett problem som beror på det gamla bildredigeringsverktyget som ingick i redigeraren (endast bildknappsegenskapen).
Vi arbetar på en uppdaterad version av Droppics som kommer att hantera problemet genom att generera riktiga miniatyrbilder direkt.

Angående den första övervägningen om bildens naturliga storlek, det ändrar inte problemet, det är bara ett råd. Det gör din webbplats långsammare och det upptäcks av alla SEO-verktygsanalyser som ett fel. I Chrome har handles-verktyget tagits bort från redigeraren.

Tack,

OK, det här skulle vara en bra uppdatering.

Jag brukade göra detta manuellt med droppics (pro) genom att generera en duplikat i anpassad storlek. En automatiskt genererad miniatyrbild skulle vara bekvämare - mycket välkommet. Mitt problem med det är att bilder som placeras i artiklar med sin maxstorlek ser lite suddiga ut på högupplösta skärmar. Till exempel ser en bild på 400x300px placerad i en artikel okej ut på min kontorsskärm med 72 dpi, på en surfplatta med <200 dpi ser den oskarp ut (orsakad av webbläsarens storleksändring). En bild med fysiska dimensioner på 600x448px som har ändrats till 400x300px ser mycket skarpare ut på HiRes-skärmar. Filstorlekarna är lite större - ja, men inte så mycket... För HiRes-skärmar vet jag inget annat sätt att få bilder att se skarpa ut.

Med vänliga hälsningar, Frank

OK, det här skulle vara en bra uppdatering.

Jag brukade göra detta manuellt med droppics (pro) genom att generera en duplikat i anpassad storlek. En automatiskt genererad miniatyrbild skulle vara bekvämare - mycket välkommet. Mitt problem med det är att bilder som placeras i artiklar med sin maxstorlek ser lite suddiga ut på högupplösta skärmar. Till exempel ser en bild på 400x300px placerad i en artikel okej ut på min kontorsskärm med 72 dpi, på en surfplatta med 200 dpi ser den oskarp ut (orsakad av webbläsarens storleksändring). En bild med fysiska dimensioner på 600x448px som har ändrats till 400x300px ser mycket skarpare ut på HiRes-skärmar. Filstorlekarna är lite större - ja, men inte så mycket... För HiRes-skärmar vet jag inget annat sätt att få bilder att se skarpa ut. Med

vänliga hälsningar, Frank

PS Förlåt att jag postar det igen, systemet klippte av min text på grund av att jag använde en pilsymbol. Jag ska vara mer försiktig i mina nästa meddelanden.