Better inline image rendering

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.

Not gonna happen.

Would you care to explain why not?

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

1 Like

This topic was automatically closed 90 days after the last reply. New replies are no longer allowed.