# 特色帖子中的图片缩小且看起来失真 **URL:** https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863 **Category:** Support **Created:** [2022年五月12日 13:16 UTC](https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863 "2022-05-12T13:16:24Z") **Posts on this page:** 7 **Page:** 1
### Author: ![Helga\_Razinkova](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/helga_razinkova/32/249626_2.png) [@Helga\_Razinkova](https://meta.discourse.org/u/Helga_Razinkova) #### Post date: [2022年五月12日 13:16 UTC](https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863/1 "2022-05-12T13:16:24Z")
大家好！ 我们有几篇精选帖子，但图片在那里看起来有点糟糕： ![image](https://global.discourse-cdn.com/meta/original/4X/4/2/a/42a1a654c238029cb1021a0da2328b2b43206dcc.jpeg) 有没有办法在不损失质量的情况下调整图片大小？ 以防万一，这是我们的论坛：[https://community.elfsight.com/](https://community.elfsight.com/) 谢谢！ ---
### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger) #### Post date: [2022年五月13日 09:25 UTC](https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863/7 "2022-05-13T09:25:04Z")
那是来自[特色卡片组件](https://meta.discourse.org/t/featured-cards-component/217580)吗？如果是，也许@manuel可以帮忙？ ---
### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel) #### Post date: [2022年五月16日 11:47 UTC](https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863/8 "2022-05-16T11:47:00Z")
是的，这看起来就是那个组件。不过它是基于“精选图块”组件的，而且我认为在图像大小调整方面我没有更改任何代码。我有时也会在“主题列表缩略图”组件中看到模糊的预览。也许 @david 能就如何优化图像以避免预览模糊提供建议？ ---
### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david) #### Post date: [2022年五月16日 11:49 UTC](https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863/9 "2022-05-16T11:49:37Z")
> [@manuel](#): > > 也许 @david 有关于如何优化图像以使预览不会模糊的建议？ 您需要在此处更新大小定义： > 然后进行计算以更新此处所需分辨率的列表： > ---
### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel) #### Post date: [2022年五月16日 11:58 UTC](https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863/10 "2022-05-16T11:58:12Z")
哦……谢谢你指出这一点！我允许用户在设置中调整大小： ![Screenshot from 2022-05-16 12-55-03](https://global.discourse-cdn.com/meta/original/4X/b/6/1/b61835d8aa6f3c697c8231a9ce1b5cea1bd2dd24.png) 看起来我需要仔细考虑一下，是否以及如何将这种灵活性与现有定义集成起来 🤖 ---
### Author: ![david](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/david/32/157490_2.png) [@david](https://meta.discourse.org/u/david) #### Post date: [2022年五月16日 12:26 UTC](https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863/11 "2022-05-16T12:26:27Z")
最简单的方法可能是用代码定义一个合理的最大尺寸的组件（也许是 500x500，加上 1.5 倍和 2 倍的变体），然后让浏览器在显示时将其缩小？ ---
### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel) #### Post date: [2022年五月17日 20:37 UTC](https://meta.discourse.org/t/images-shrink-and-look-distorted-in-featured-posts/226863/12 "2022-05-17T20:37:17Z")
感谢大卫的提示！这个组件看起来相当简单。无论如何，我似乎需要更好地理解浏览器实际在做什么，选择一个缩放的缩略图并将其调整为最终的布局大小。如前所述，我还看到了主题列表缩略图中的模糊图像，并且结果因浏览器而异。这可能是因为我在主题代码中进行了一些大小调整。