Affichage harmonieux des logos avec JavaScript

Qu'il s'agisse de références, de partenaires ou de clients - il existe de nombreux cas dans lesquels vous souhaitez afficher harmonieusement plusieurs logos les uns à côté des autres. Les proportions des logos sont pour la plupart incohérentes. Souvent, vous suivez votre instinct pour la représentation de la taille dans la conception, mais il existe également une méthode de calcul exacte pour une représentation visuellement attrayante en assimilant les zones des logos. Dans l'exemple suivant, vous pouvez le faire avec seulement quelques lignes de JavaScript.


Si vous assimilez la hauteur, vous obtenez l'apparence suivante:

CodePen

Si vous effectuez la même procédure avec la largeur, les résultats de l'illustration suivante:

CodePen

Il est préférable d'assimiler la zone à l'aide de quelques lignes de JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Cela donne l'image suivante:

CodePen

Retour