Discourse: How to Resize Image in Table using Markdown Language

Technology
1

As we know markup language to create table is

| Title | Title |
| — | — |
| content | content |

When we upload an image, image resolution is automatically included

![ img alt text | resolution ]( path )

But if this code is included in table column, image is not shown as in Result 1. This is because symbol use to separate image resolution from alt text is same as symbol to separate column.

Thus you need to include backslash symbol, \ to escape delimiter so that symbol to separate resolution won’t read as a new column.

![ img alt text \| resolution ]( path )

With this, the image is shown as in Result 2 and you can resize the image from 100% to 75% or 50%.

Result 1 Result 2
Before After
1 Like
2

Do you like to use markup language? What problem do you faced or solved while using markup language? Comment below.

3

I thought it is calling as Markdown ?

4

ya sorry :sweat_smile:, should be markdown language