Inline image increases line height

[y9san9]

Describe the bug

I have an image with size 16x16 which is the same as I expect text to be. Using the following code I get two different results in Obsidian and in the deployment.

![[telegram_16x16.png]] **Telegram**: [@y9san9](https://t.me/y9san9)

Renders in Obsidian as:

While after deploy it looks like this:

Expected behavior

Line height is not changed my images that has lesser height than the line.

• Quartz Version: 4
• MacOS
• Browser Chrome

[saberzero1]

img tags have a default margin on the top and bottom

https://github.com/jackyzha0/quartz/blob/9cefcd0dd1a503c727c8bbb2deb1b631329b3a42/quartz/styles/base.scss#L475-L479

if you want to override the img margins, you can do so in custom.scss.

For example, assuming every image you want without margins is named something like *16x16*, you could do something like below:

img[src*="16x16"] {
  margin: 0 0;
}

[y9san9]

But in Obsidian itself inline images doesn't have padding