What I’m trying to do
I want to put my pixel arts (64x64) in Obsidian, but there are some filters and smoothing that makes view blurred
Things I have tried
I tried to find some settings for it or parameters due pasting image to md, but i didnt find anything
Please, help
This sounds like this is due to the default interpolation algorithm that Obsidian uses, and at the moment as far as I know, that can’t be changed.
Another user had the same issue here, it’s also mentioned here with other feature requests for artists, but no solution.
JLDiaz
4
It can be fixed with a bit of css and a little trick.
Write a file .obsidian/snippets/pixelart.css
containing:
img[alt*=pixelart] {
image-rendering: pixelated;
border-radius: 0px !important;
}
and activate the snippet under Settings → Appearance
Then, you can add |pixelart
inside your image embed, after the filename. For example ![[example.png|pixelart]]
For testing I’ve put the same image twice, side by side, one with and the other without the |pixelart
trick. The markdown is:
![[example.png|pixelart]] ![[example.png]]
This is the result:
The difference is more noticeable if we zoom in the screenshot:
2 Likes