Imaginea din coloană comprimată

Salut,

cred că nu este normal, deoarece coloanele sunt redimensionate în funcție de dimensiunea ecranului. De obicei, pe șabloanele responsive, se aplică o proprietate max-width: 100% tuturor imaginilor pentru a le face responsive. Dacă nu o ai, imaginile au o dimensiune fixă, nu va funcționa pe ecrane mici.

Vezi atașat ce se întâmplă de obicei cu 3 coloane.

Salutări,

Deși a trecut mult timp de la problema lui TO, trebuie să împing problema înainte, deoarece am aceeași problemă. Și am descoperit cauza acestui comportament: se întâmplă dacă redimensionezi imagini și modifici orice parametru al imaginii în caseta de dialog a proprietăților imaginii (sau se numește proprietatea imaginii? Nu folosesc versiunea în limba engleză).
Un exemplu: am pus o imagine în articolul meu și o redimensionez trăgând-o cu mouse-ul la 400x300px. În codul sursă există
width="400" hight="300".
Acum fă dublu clic pe imagine pentru a deschide caseta de dialog a proprietăților imaginii și pur și simplu dă clic pe OK. Acum codul sursă s-a schimbat în
img style="width:400px; hight:300px;"
Este pur și simplu o altă modalitate de a pune parametrul size în HTML, dar metoda style="... face ca, dintr-un anumit motiv, imaginile să fie comprimate la redimensionarea ferestrei browserului.

Există vreo modalitate de a schimba codarea?

Salut,

Mulțumesc pentru feedback. Poți să-mi postezi aici o captură de ecran cu setările de imagine pe care mi le-ai spus?
Apropo, nu folosi handle-uri pentru a redimensiona imaginile în conținut, vei obține imagini afișate la o dimensiune nenaturală, care au dublul avantaj de a fi grele și de a obține o calitate greșită la afișare. De asemenea, poate cauza probleme în partea responsivă.

Mulțumesc,

Mulțumesc Tristan pentru răspuns, desigur că pot face niște capturi de ecran.

Am făcut un exemplu simplu cu o imagine care are dimensiunea originală de 800x535px.

1. Am redimensionat-o folosind ghidajele direct în editorul de drop (apropo, nu este nimic în neregulă cu a face asta, atâta timp cât rămâi proporțional). Am blocat-o la fereastra micșorată a browserului, imaginea are proporția corectă și este complet responsivă. [resized_in_dropedit_by_handles.png]

2. Apoi am făcut dublu clic pe imagine pentru a deschide caseta de dialog cu proprietăți, nu am schimbat nimic - am dat clic doar pe „OK”. Codul sursă s-a modificat, după cum puteți vedea, iar aceeași imagine din aceeași fereastră micșorată a browserului este afișată comprimată și nu mai responsivă. [resized_by_properties-dialog.png]

Sper că acest lucru clarifică problema și ajută la DropEditor (cred că DE este cel mai inteligent editor Joomla).

Apropo, acesta este un alt aspect, dar ar fi posibil să se obțină un câmp de clasă de imagine în caseta de dialog cu proprietăți ale imaginilor? Acest lucru ar face modificările de clasă puțin mai confortabile.

Cu stimă, Frank

Salut,


cred că am înțeles. Aceasta este o problemă cauzată de vechiul instrument de editare a imaginilor inclus în editor (doar proprietatea butonului de imagine).
Lucrăm la o versiune actualizată a Droppics care va rezolva problema generând doar miniaturi reale.

În ceea ce privește prima considerație privind dimensiunea naturală a imaginii, aceasta nu schimbă problema, este doar un sfat. Încetinește site-ul web și este detectat de toate analizele instrumentelor SEO ca o eroare. În Chrome, instrumentul Handles a fost eliminat din editor.

Mulțumesc!

OK, aceasta ar fi o actualizare excelentă.

Obișnuiam să fac asta manual cu droppics (pro) generând un duplicat de dimensiuni personalizate. O miniatură generată automat ar fi mai confortabilă - foarte binevenită. Problema mea este că imaginile plasate în articole cu dimensiunea lor maximă apar puțin neclare pe ecranele de înaltă rezoluție. De exemplu, o imagine de 400x300px plasată într-un articol arată bine pe monitorul meu de birou cu 72 dpi, pe o tabletă cu <200 dpi arată neclară (din cauza redimensionării browserului). O imagine cu dimensiuni fizice de 600x448px care a fost redimensionată la 400x300px arată mult mai clară pe ecranele HiRes. Dimensiunile fișierelor sunt puțin mai mari - da, dar nu chiar atât de mult... Pentru ecranele HiRes nu cunosc altă modalitate de a face imaginile să arate clare.

Cu stimă, Frank

OK, aceasta ar fi o actualizare excelentă.

Obișnuiam să fac asta manual cu droppics (pro) generând un duplicat de dimensiuni personalizate. O miniatură generată automat ar fi mai confortabilă - foarte binevenită. Problema mea este că imaginile plasate în articole cu dimensiunea lor maximă arată puțin neclare pe ecranele de înaltă rezoluție. De exemplu, o imagine de 400x300px plasată într-un articol arată bine pe monitorul meu de birou cu 72 dpi, pe o tabletă cu 200 dpi arată neclară (din cauza redimensionării browserului). O imagine cu dimensiuni fizice de 600x448px care a fost redimensionată la 400x300px arată mult mai clară pe ecranele HiRes. Dimensiunile fișierelor sunt puțin mai mari - da, dar nu chiar atât de mult... Pentru ecranele HiRes nu cunosc altă modalitate de a face imaginile să arate clare.

Cu stimă, Frank

PS Îmi pare rău că am postat din nou, sistemul mi-a tăiat textul din cauza utilizării unui simbol săgeată. Voi fi mai atent în următoarele mele mesaje.