Зображення в колонці стиснуто

Привіт,

я вважаю, що це ненормально, тому що розмір стовпців змінюється відповідно до розміру екрана.

зазвичай у адаптивному шаблоні властивість max-width: 100% застосовується до всіх зображень, щоб зробити їх адаптивними. Якщо у вас його немає, зображення мають фіксований розмір, це не працюватиме на маленькому екрані. Дивіться, що додається, звичайно відбувається з 3 колонками.

здоров'я,

Незважаючи на те, що минуло багато часу після проблеми TO, я змушений натиснути на це, оскільки у мене така сама проблема.
І я з’ясував причину такої поведінки: це трапляється, якщо ви змінюєте розмір зображення та змінюєте будь-який параметр зображення в діалоговому вікні властивостей зображення (або це називається властивістю зображення? Я не використовую англійську версію). Приклад : Я розміщую зображення у своїй статті та змінюю його розмір, перетягуючи його мишкою до 400x300 пікселів.
У вихідному коді є width="400" hight="300".
Тепер двічі клацніть зображення, щоб відкрити діалогове вікно властивостей зображення, і просто натисніть OK.
Тепер вихідний код змінено на img style="width:400px; hight:300px;"
Це просто ще один спосіб розмістити параметр розміру в HTML, але спосіб style="... змушує зображення з певних причин стискатися під час зміни розміру вікна браузера.

Чи є спосіб змінити кодування?

Привіт,

дякую за відгук про це.
Чи можете ви опублікувати мені тут знімок екрана налаштувань зображення, які ви мені сказали? До речі, не використовуйте маркери для зміни розміру зображень у вашому вмісті, ви отримаєте зображення, що відображатимуться в неприродних розмірах, які матимуть подвійну перевагу: вони важкі та отримають неправильну якість під час відображення.

Це також може спричинити проблеми у відповідній частині. здоров'я,

Дякую, Трістане, за відповідь, звичайно, я можу зробити кілька скріншотів.

Я зробив простий приклад із зображенням, яке має оригінальний розмір 800x535px.

1. Змініть його розмір, використовуючи маркери безпосередньо в редакторі скинь (до речі, немає нічого поганого в тому, щоб робити це таким чином, якщо ви залишаєтесь пропорційними).

Блокування у зменшеному вікні браузера, зображення в правильному співвідношенні та повністю реагує. [resized_in_dropedit_by_handles.png] 2. Потім я двічі клацнув зображення, щоб відкрити діалогове вікно властивостей, нічого не змінив – лише натиснув «ОК».

Вихідний код змінився, як ви бачите, і те саме зображення в тому самому зменшеному вікні браузера відображається стиснутим і більше не реагує. [resized_by_properties-dialog.png] Я сподіваюся, що це з’ясує проблему та допоможе покращити DropEditor (я вважаю, що DE є найрозумнішим редактором Joomla).

До речі

це інший момент, але чи можливо було б отримати поле класу зображення в діалоговому вікні властивостей зображень? Це зробить зміни класів трохи зручнішими. З повагою, Френк

Привіт,


гаразд, я зрозумів.
Це проблема, пов’язана зі старим інструментом редактора зображень, який включено до редактора (лише властивість кнопки зображення). Ми працюємо над оновленою версією Droppics, яка вирішить цю проблему шляхом генерації реальних мініатюр onfly.

Щодо першої міркування щодо природного розміру зображення, це не змінює проблеми, це лише порада.

Це уповільнює роботу вашого веб-сайту, і всі аналізи інструментів SEO виявляють це як помилку. У хромі інструмент ручок видалено з редактора. здоров'я,

Добре, це було б чудовим оновленням.

Раніше я робив це вручну за допомогою droppics (pro), генеруючи дублікат нестандартного розміру.

Автоматично згенерована мініатюра була б більш зручною – дуже вітається. Моя проблема полягає в тому, що зображення, розміщені в статтях, мають макс. виглядають дещо розмитими на дисплеях з високою роздільною здатністю. Наприклад, зображення розміром 400x300 пікселів, розміщене в статті, виглядає нормально на моєму офісному моніторі з роздільною здатністю 72 dpi, на планшеті з <200 dpi воно виглядає нечітким (через зміну розміру браузера). Зображення з фізичними розмірами 600x448 пікселів, яке було змінено до 400x300 пікселів, виглядає набагато чіткішим на дисплеях HiRes. Розміри файлів трохи більші — так, але не настільки... Для дисплеїв HiRes я не знаю іншого способу зробити зображення чіткими. З повагою, Френк

Добре, це було б чудовим оновленням.

Раніше я робив це вручну за допомогою droppics (pro), генеруючи дублікат нестандартного розміру.

Автоматично згенерована мініатюра була б зручнішою - дуже вітається. Моя проблема полягає в тому, що зображення, розміщені в статтях, мають макс. виглядають дещо розмитими на дисплеях із високою роздільною здатністю. Наприклад, зображення розміром 400x300 пікселів, розміщене в статті, виглядає нормально на моєму офісному моніторі з роздільною здатністю 72 dpi, на планшеті з роздільною здатністю 200 dpi воно виглядає нечітким (через зміну розміру в браузері). Зображення з фізичними розмірами 600x448 пікселів, яке було змінено до 400x300 пікселів, виглядає набагато чіткішим на дисплеях HiRes. Розміри файлів трохи більші — так, але не дуже... Для дисплеїв HiRes я не знаю іншого способу зробити зображення чіткими. З повагою, Френк

PS Вибачте за повторну публікацію, система вирізала мій текст через використання символу-стрілки. У наступних повідомленнях буду обережнішим