Visualización armoniosa de logotipos con JavaScript

Ya sean referencias, socios o clientes, hay muchos casos en los que desea mostrar varios logotipos uno al lado del otro de manera armoniosa. Las proporciones de los logotipos son en su mayoría inconsistentes. A menudo, sigue su instinto para la representación del tamaño en el diseño, pero también existe un método de cálculo exacto para una representación visualmente atractiva equiparando las áreas de los logotipos. En el siguiente ejemplo, puede hacer esto con solo unas pocas líneas de JavaScript.


Si equiparas la altura, obtienes la siguiente apariencia:

CodePen

Si realiza el mismo procedimiento con el ancho, la siguiente ilustración resulta:

CodePen

Es mejor equiparar el área con la ayuda de unas pocas líneas de JavaScript:

1dacb229fcfb428ee3cb6b414625be29

Esto da la siguiente imagen:

CodePen

Atrás