Изображения в избранных постах уменьшаются и выглядят искаженно

Всем привет!

У нас есть несколько рекомендуемых постов, и изображения там выглядят довольно плохо:

Есть ли способ изменить размер изображений без потери качества?

На всякий случай, вот наш форум: https://community.elfsight.com/

Спасибо!

Это из компонента Featured Cards? Если да, то, возможно, @manuel сможет помочь?

Да, похоже, это тот компонент. Хотя он основан на компоненте «Избранные плитки», и, насколько я помню, я не менял код, касающийся изменения размера изображений. Иногда я также вижу размытые превью в компоненте «Миниатюры списка тем». Может быть, @david подскажет, как оптимизировать изображения, чтобы превью не становились размытыми?

Вам нужно обновить определения размеров здесь:

А затем выполнить расчёты для обновления списка необходимых разрешений здесь:

Ох… спасибо, что обратили на это внимание! Я позволяю пользователям настраивать размеры в настройках:

Похоже, мне нужно немного подумать, как и можно ли интегрировать эту гибкость с существующими определениями :robot:

Самый простой подход, вероятно, — определить компонент в коде с максимально разумным размером (например, 500x500, а также варианты с масштабом 1.5x и 2x), а затем позволить браузеру автоматически уменьшать их при отображении?

Спасибо за подсказку, Дэвид! Для компонента это кажется довольно простым. В любом случае, похоже, мне нужно лучше разобраться в том, что именно делают браузеры: выбирают уменьшенную миниатюру и изменяют её размер до конечного размера макета. Как я уже упоминал, я также заметил размытые изображения в миниатюрах списка тем, и результаты немного различаются в зависимости от браузера. Вероятно, это связано с тем, что я вношу некоторые корректировки размеров в коде своей темы.