Better inline image rendering

[lxhom]

Use case or problem

Big images are rendered blurry in Edit Mode (see below for an example)

Proposed solution

This CSS snippet seems to fix it:

.cm-contentContainer .image-embed img {
  image-rendering: -webkit-optimize-contrast;
}

Current workaround

Putting this in my obsidian.css file.

Visible comparison

Left: with the snippet, right: without it.

[WhiteNoise]

Not gonna happen.

[groberts56]

Would you care to explain why not?

[WhiteNoise]

-webkit-optimize-contrast is an undocumented, platform specific, and depecrated setting.

Also this scaling method produces better results with textual images, not with genenaral images. It’s a tradeoff.