Obrázek ve sloupci stlačený

Ahoj,

myslím, že to není normální, protože velikost sloupců se mění podle velikosti obrazovky. Obvykle se v responzivních šablonách na všechny obrázky použije vlastnost max-width: 100%, aby byly responzivní. Pokud ji nemáte, obrázky mají pevnou velikost, na malé obrazovce to fungovat nebude.

V příloze se dozvíte, co se obvykle děje se 3 sloupci.

Díky,

I když je to už dlouho od problému TO, musím tohle prosadit, protože mám stejný problém. A zjistil jsem příčinu tohoto chování: Stává se to, když změníte velikost obrázků a jakýkoli parametr obrázku v dialogovém okně vlastností obrázku (nebo se to nazývá vlastnost obrázku? Nepoužívám anglickou verzi).
Příklad: Vložil jsem obrázek do svého článku a změnil jsem jeho velikost přetažením myší na 400x300px. Ve zdrojovém kódu je
width="400" height="300".
Nyní dvakrát klikněte na obrázek pro spuštění dialogového okna vlastností obrázku a klikněte na OK. Zdrojový kód se nyní změnil na
img style="width:400px; height:300px;"
Je to prostě další způsob, jak vložit parametr velikosti do HTML, ale způsob style="..." způsobuje, že se obrázky z nějakého důvodu při změně velikosti okna prohlížeče stlačí.

Existuje způsob, jak změnit kódování?

Ahoj,

díky za zpětnou vazbu. Můžeš mi sem poslat screenshot s nastavením obrázků, které jsi mi sdělil?
Mimochodem, nepoužívej úchyty ke změně velikosti obrázků ve svém obsahu, obrázky se budou zobrazovat v nepřirozeném rozměru, což má dvojí výhodu: jsou těžké a při zobrazení se zobrazí špatná kvalita. Může to také způsobit problémy v responzivní části.

Díky,

Tristane, děkuji za odpověď, samozřejmě můžu udělat pár screenshotů.

Udělal jsem jednoduchý příklad s obrázkem, který má původní velikost 800x535px.

1. Změnil jsem jeho velikost pomocí úchytů přímo v editoru (mimochodem, není na tom nic špatného, ​​pokud zachováte proporce). Uzamkl jsem zmenšené okno prohlížeče, obrázek je ve správném poměru stran a plně responzivní. [resized_in_dropedit_by_handles.png]

2. Pak jsem dvakrát klikl na obrázek, abych otevřel dialogové okno vlastností, nic jsem nezměnil - pouze jsem klikl na 'OK'. Zdrojový kód se změnil, jak vidíte, a stejný obrázek ve stejném zmenšeném okně prohlížeče se zobrazuje zmáčknutý a již neresponzivní. [resized_by_properties-dialog.png]

Doufám, že to problém lépe vysvětlí a pomůže vylepšit DropEditor (myslím, že DE je nejchytřejší editor Joomly).

Mimochodem, tohle je další bod, ale bylo by možné dostat pole image-class do dialogového okna vlastností obrázků? To by trochu usnadnilo změny tříd.

S pozdravem, Franku

Ahoj,


myslím, že to chápu. Jedná se o problém, který je způsoben starým nástrojem pro úpravu obrázků, který je součástí editoru (pouze vlastnost tlačítka obrázku).
Pracujeme na aktualizované verzi Droppics , která problém vyřeší generováním skutečných náhledů.

Co se týče první úvahy o přirozené velikosti obrázku, problém se nemění, je to jen rada. Zpomaluje to váš web a všechny SEO nástroje to detekují jako chybu. V Chromu byl nástroj pro úchyty z editoru odstraněn.

Díky,

OK, tohle by byla skvělá aktualizace.

Dříve jsem to dělal ručně v droppics (Pro) generováním duplikátu s vlastní velikostí. Automaticky generovaný náhled by byl pohodlnější - velmi vítán. Problém s tím je, že obrázky umístěné v článcích s maximální velikostí vypadají na displejích s vysokým rozlišením trochu rozmazaně. Například obrázek o rozměrech 400x300px umístěný v článku vypadá na monitoru mé kanceláře s rozlišením 72 dpi dobře, na tabletu s rozlišením <200 dpi vypadá neostře (způsobeno změnou velikosti v prohlížeči). Obrázek s fyzickými rozměry 600x448px, který byl změněn na 400x300px, vypadá na HiRes displejích mnohem ostřeji. Velikosti souborů jsou o něco větší - ano, ale ne o tolik... U HiRes displejů neznám žádný jiný způsob, jak dosáhnout ostrého vzhledu obrázků.

S pozdravem, Frank

OK, tohle by byla skvělá aktualizace.

Dříve jsem to dělal ručně v droppics (Pro) generováním duplikátu s vlastní velikostí. Automaticky generovaný náhled by byl pohodlnější - velmi vítán. Problém s tím je, že obrázky umístěné v článcích s maximální velikostí vypadají na displejích s vysokým rozlišením trochu rozmazaně. Například obrázek o rozměrech 400x300px umístěný v článku vypadá na monitoru mé kanceláře s 72 dpi dobře, na tabletu s 200 dpi vypadá neostře (způsobeno změnou velikosti v prohlížeči). Obrázek s fyzickými rozměry 600x448px, který byl změněn na 400x300px, vypadá na HiRes displejích mnohem ostřeji. Velikosti souborů jsou trochu větší - ano, ale ne o tolik... U HiRes displejů neznám jiný způsob, jak dosáhnout ostrých obrázků.

S pozdravem, Frank

PS Omlouvám se, že to zveřejňuji znovu, systém mi ořízl text kvůli použití symbolu šipky. V dalších zprávách budu opatrnější.