Sanity 团队开发了 React 组件
<LogoSoup /> 解决网页中多品牌 Logo 排列时因尺寸、比例与视觉重量不一致导致的“Logo Soup”混乱问题。The logo soup problem (and how to solve it
AI 摘要：文章深入剖析了在网页或应用中展示多个合作方 Logo 时常见的“Logo 汤”问题——即不同 Logo 因原始尺寸、宽高比（aspect ratio）、视觉密度（visual weight）和内边距（padding）差异，导致排版混乱、视觉失衡。作者指出，手动调整既耗时又不可持续，提出通过数学公式（Proportional Image Normalization Formula）结合图像分析技术，实现 Logo 的自动视觉比例归一化。为此，Sanity 团队开发了 React 组件 <LogoSoup />，能自动处理 Logo 的尺寸缩放、内容裁剪、密度补偿与光学对齐（optical alignment），并支持与 CMS（如 Sanity）集成，使非技术人员也能轻松维护 Logo 列表。
author Rostislav Melkumyan
