Hi everyone! We have several featured posts, and images look somewhat terrible there: [image] Is there a way to resize images without losing quality? Just in case, here’s our forum: https://community.elfsight.com/ Thanks!

Is that from the Featured Cards component ? If so, maybe @manuel can help?

Yeah that looks like the component. Though it’s based on the Featured Tiles component and I believe with regards to image resizing I didn’t change any code. I also sometimes see blurry previews with the Topic List Thumbnails component. Maybe @david has advice how to optimize images so the previews d…

[صورة] Manuel Kostka: Maybe @david has advice how to optimize images so the previews don’t get blurred? You need to update the size definitions here: javascripts/discourse/components/featured-card.js b265de14a responsiveRatios: [1, 1.5, 2], dis…

Oh.. thanks for pointing this out! I let users adjust the sizes in settings: [Screenshot from 2022-05-16 12-55-03] Looks like I’ll have to think a bit if and how I can integrate this flexibility with the existing definitions :robot:

The easiest approach is probably to define the component with the the largest reasonable size in the code (maybe 500x500, plus the 1.5x and 2x variants), and then let the browser resize them down when displaying?

Thanks for the hint David! This seems pretty straightforward for the component. In any case, looks like I’ll need to understand a bit better what the browsers are actually doing, picking a scaled thumbnail and resizing it to the final layout size. As mentioned, I also saw blurry images with the topi…

الصور تتقلص وتبدو مشوهة في المشاركات المميزة

الدعم

JammyDodger 13 مايو 2022، 9:25ص 7

هل هذا من مكون البطاقات المميزة؟ إذا كان الأمر كذلك، فربما يمكن لـ @manuel المساعدة؟

الموضوع		الردود	مرات العرض
Topic List Thumbnails Theme component official , topic-list-thumbnails	160	36602	13 أغسطس 2026
Homepage Feature Theme component official , homepage-feature	136	25813	9 يوليو 2026
Plugin used in theme Support	4	1184	20 مايو 2020
Image preview gets cut off Support	17	1511	12 سبتمبر 2023
How to configure it so that the tall image is not displayed as a thumbnail？ Feature	3	477	25 ديسمبر 2023

الصور تتقلص وتبدو مشوهة في المشاركات المميزة

الموضوعات ذات الصلة