Ob Referenzen, Partner oder Kunden – es gibt viele Fälle, in denen man mehrere Logos nebeneinander harmonisch darstellen will. Dabei sind die Größenverhältnisse der Logos meistens uneinheitlich. Oft folgt man hier bei der Größendarstellung im Design seinem Bauchgefühl, doch es gibt auch eine exakte Berechnungsmethode einer optisch ansprechenden Darstellung, indem man die Flächen der Logos gleichsetzt. In folgendem Beispiel gelingt das mit wenigen Zeilen JavaScript.
Setzt man die Höhe gleich, erhält man folgendes Aussehen:
CodePen
Macht man dasselbe Verfahren mit der Breite, ergibt sich folgende Darstellung:
CodePen
Besser ist die Gleichsetzung der Fläche unter Zuhilfenahme weniger Zeilen JavaScript:
1dacb229fcfb428ee3cb6b414625be29
Damit ergibt sich folgendes Bild:
CodePen