The logo soup problem (and how to solve it)
Blog post from Sanity
Managing a collection of diverse logos with varying aspect ratios, visual weights, and embedded padding presents a significant challenge in achieving a cohesive and visually balanced display. The Proportional Image Normalization Formula (PINF) offers a mathematical solution to this problem by adjusting logos based on their aspect ratios to ensure a harmonious appearance. LogoSoup, a React library, automates this normalization process by implementing the PINF, analyzing pixel density, detecting content boundaries, and adjusting for optical alignment. This tool allows content teams to seamlessly integrate and display logos from various sources, such as a CMS like Sanity, without manual intervention, ensuring that logos are consistently visually balanced regardless of their original format or characteristics.