Board Thread:Support Requests - Getting Technical/@comment-32590715-20200618212824/@comment-34918040-20200619124223

@ Anumaril:


 * "I didn't realise that was possible, I just added it to the template and it seems to be working fine."

Ah, ok. So here's the syntax:

where  can be:
 * – sets the width to max 50 px and the height to max 20px. The image is resized proportionally to fit both the provided max values. This would give very high images a very small width and very wide images a very small height because they have to fit into the provided 50 x 20 px frame without being distorted.
 * – sets only the width to 50 px. Images are resized proportionally to have a width of 50 px. You can be sure that every image has a width of 50 px, but very high images will remain very high or even get higher, which can disrupt your layout.
 * – sets only the height to 20 px. This is what you need in this case: You want to make sure that every initial has the same height and doesn't become huge. The width is not important for you because a wide W will be fine as long as it has the same height as a narrow I for example.