Better inline image rendering

Feature archive
,
1

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.

ShareX_hqzRiK0DxC
ShareX_hqzRiK0DxC1079×730 242 KB

2

Not gonna happen.

4

Would you care to explain why not?

5

-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.